IE6 Psuedo weirdness

[Disfunctional]

Hi,

I have created a nav for a website and of course it works great on everything but IE6.

http://www.undertow.co.uk/misc/code/test.html

I am aware of the psuedo class problem, but am not quite sure how to fix it in this instance.

When you hover over the white text in the nav it should turn to blue. When you go down into a second level the the heading text i.e. item 1/item 2 should stay blue - for some reason in IE6 it changes back to white.

Does anyone know of a way of fixing this?

Thanks

[Centauri]

#nav li.sfhover a, #nav li:hover a { color: #03c; background: url(../images/icon_arrow_red_on.gif) no-repeat 5px 8px; zoom: 1; }

[Disfunctional]

Just tried that and still doesn't work - any other ideas?

Thanks

[rpgfan3233]

Umm... You did do the following in your markup, right?

<li class="sfhover"><a ...</a></li>

Without the class, the .sfhover bit is useless in the CSS. :p

[Disfunctional]

Hi,

I didn't add that as assumed it was swapped dynamically in the JS?

I have just added it to the code, but still doesn't work as the navigation just stays open if I add the class 'sfhover'.

I had to create the nav multiple times across files rather than use an include, so it's not dynamic so am looking for a css fix if possible so I can just change the one file :)

Any more ideas on this, such an annoying bug :(