Sent by IChao on 11 January 2005 16:04
David Rose wrote:
>> 3) In Win/IE 6, as I mouse over the items that contain another "<ul>",
>> a space appears below the item.
>> Page: http://menu.kmmedical.org
The space in question is induced by "spurious content" IE applies to lists.
The first step was it to eliminate linebreaks and other whitespace in
the html source.
This gap remains, the current font-size determines its height.
So, as a workaround, we could try
div#nav_left li{
font-size:0;
height:0;
}
The "real content" of div#nav_left li are links and second-level lists,
they need their font size:
div#nav_left li a, div#nav_left li ul{
font-size: 12px;
}
both rules are served only to IE and are hidden from IE/mac:
/* Hide from IE5-mac \*/
* html div#nav_left li{
font-size:0;
height:0;
}
* html div#nav_left li a,
* html div#nav_left li ul{
font-size: 12px;
}
/* End hiding */
Others may have more elegant workarounds. Nested navigation is always a
secret to me. You might want to take a look at the WIKI.
Ingo
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
