dimpie wrote: > If I replace the 'ul.level1 li:hover ul.level2' with 'ul.level1 li a:hover > ul.level2' > and the 'ul.level1 li:hover ul.level2 li' with 'ul.level1 li a:hover > ul.level2 li' the nested list does not show up. > > How can I solve this problem? Hope someone can help me out. > Here is the link to the webpage: http://www.glassbox.nl/test/hover_link.htm
A <span> inside the <a> is the only thing I can think of, although that would break the clean line of <li>s within <ul>s within <li>s etc. If it's hard-coded, this shouldn't be an immense problem, although some may argue it's a tad ugly semantically. <li id="coaching_individueel"> <a href="#">Coaching individueel <span> <ul class="level2"> <li>EEN</li> </ul> </span> </a> </li> The css selector would rely on a:hover span. Regards, Barney ______________________________________________________________________ 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/