Posted by rf on 10/05/07 07:04

"EnigmaticSource" <mark.roduner@gmail.com> wrote in message
news:1191565778.952001.248520@n39g2000hsh.googlegroups.com...
> Thanks, it worked nicely. Oh and good call for spotting me cheating
> with the .htc It's the only way I could get my code to look halfway
> pretty and make it load in IE6 at all.

There *is* another way.

It involves using some conditional comments to enclose the dropdown <ul> in
a table that is stuck inside an <a>, for IE6 and below only. Other browsers
see an <a> and a <ul> inside a <li>, with the hover applied to the <li>.

Of course a table inside an <a> is not actually valid but then IE is not
actually a valid browser so I don't mind spitting invalid HTML at it. It
works and that is enough. No other browser sees the invalid HTML anyway.

IE5.x also gets a few of its own CSS hacks to make it behave.

I have one myself that I'm refurbising (so it adjusts itself to the users
font face and size, plus a few other things). It'll be ready for display in
about a week if you are interested. 100% CSS (no javascript anywhere).
Tested in IE5.5, IE6, IE7, Firefox, Opera and Windows Safari. Should work in
most other browsers as well. Plus it's completely search engine friendly.

--
Richard.

[Back to original message]