I've created a list with list items that have a heigth of 100px.
Inside the list items are links <a> which have a height of 30px.
If I hover over the list items a nested list appears.
What I would like to happen is that the nested list only appears if I hover
over the link area (30px).
I'm afraid this is not possible via CSS, because I think a hover effect can
only occur on the element itself or a descendant element. Correct me if I'm
wrong.
Part of the CSS file:
ul.level1 li:hover ul.level2 {
display: block;
background: silver;
}
ul.level1 li:hover ul.level2 li {
display: block;
}
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
Thanks in advance.
Greetings, 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/
