> This renders perfectly fine on Mozilla but IE inserts a white
> spaced gap between menu 3 and sub-menu 3.1.
that is because MSIE has a bug where it renders whitespace when there
is a line break.
Instead of messing up your code to bow to Redmond, you can do the following:
a) Remove all linebreaks in your list
b) add the linebreaks INSIDE the tag brackets:
<ul
><li>bla</li
><li>bla</li
><li>bla</li
><li>bla</li
></ul>
*shudders*
c) Tell MSIE to make the LI 1em high and real^H^H^H^H more modern
browsers to keep the height to auto. As MSIE does not see "height" as
an absolute and extends it should the list item exceed one line that
also works.
li{height:1em;}
html>body li{height:auto;} /* MSIE <7 does not get this as it doesn't
get the > selector */
It is more fun when it comes to As that are displayed as block, and
the hicksman explains that one:
http://www.hicksdesign.co.uk/journal/ie-whitespace-bug
HTH, I'll be here all week, try the wheel!
Chris
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
