[css-d] Navigation all wonky in IE6

2007-12-14 Thread Blake
Hi guys,

http://svitavice.blakehaswell.com/

The background is acting all weird on hover in IE6. The top level
background is getting a background image for the 'daddy' class, while
LIs with the daddy class are losing their background image on hover.

I wrote this over a year ago and the project was shelved for a long
time - tbh I'm having trouble figuring out my own code.

Thanks,
Blake
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Navigation all wonky in IE6

2007-12-14 Thread Alan Gresley
Blake wrote:

 Hi guys,
 
 http://svitavice.blakehaswell.com/
 
 The background is acting all weird on hover in IE6. The top level
 background is getting a background image for the 'daddy' class, while
 LIs with the daddy class are losing their background image on hover.
 
 I wrote this over a year ago and the project was shelved for a long
 time - tbh I'm having trouble figuring out my own code.
 
 Thanks,
 Blake

This is similar to the multiple class selector bug [1] where IE6 only see the 
last class. With this selector.

#nav li.daddy.sfhover

IE6 sees only

#nav li.sfhover

which selects all li elements. One tested fix is to use the daddy class on 
the anchor elements themselves.

lia class=daddy href=...Místní turistika/a

and with this CSS

#nav li a.daddy {
background: url(daddy.gif) right center no-repeat #E6E6E6;
}

#nav li a.daddy:hover {
background: url(daddy.gif) right center no-repeat #D0EFFF;
}

Tested in IE6, IE7, Gecko, Opera and Safari 3 on windows.

[1] http://therealcrisp.xs4all.nl/meuk/iecssbug.html

Alan

http://css-class.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/