Hi—
I’m building a horizontal nav that needs to work in (ugh) IE6. Of course it works fine in every browser but IE6. I was hoping someone could give me some help.
Here is a link to a test version of the nav:
(removed)
I used ugly colors for testing purposes. Basically (and you’ll have to see this for yourself in IE6 I suppose) the display:block code is not working properly.
When you mouse over the top level tabs, the background should stay red. In IE6 if your cursor touches the text (which I’ve outlined in white for ease of viewing), the red turns off. It works fine if the cursor doesn’t touch the text.
The nav is built using an unordered list with CSS.
I can’t for the life of me figure out what’s up. I’ve tried all sorts of IE6 hacks.
If you’re industrious :) here is a zip file with all the source files (CSS & HTML)
(removed)
Thanks for any tips!