How about this: 

  ul.level1 li a:hover+ul.level2 {display:block;}

  It's what the + selector was invented for I think, but unfortunately IE6 is 
oblivious to it. You could always have it there for decent browsers and have 
something separate for IE using javascript in a conditional comment. 

  Rafael


Hi Rafael,

Thanks for your support.
The adjacent sibling selector (+) works in Firefox. But I still have a problem 
in IE6.
I could use - as you mentioned - javascript to do the trig in IE 6 and earlier 
versions. The problem is that my javascript skills are not so best. I know this 
is a CSS forum so I shall probably have to look for a solution elsewhere. Does 
anyone know a good javascript forum?

Is there also a selector with which I can apply hover effects to elements that 
are higher up in the DOM?
If I hover over the first <a>, I want to address <li id="two">.

<li id="one"><a>item one</a></li>
<li  id="two"><a>item two</a></li>

Something like:
li#one a:hover li#two {statements}
Is that possible?

Thank in advance.
Dimpie.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to