Question, Output different than expected

[Xizor]

Ok, I got the following CSS

#LeftNav .Box {
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
border: solid green 3px;
}
#LeftNav .Box ul li {
float: left;
margin: 0 0 0 0;
font-size: 12px;
}

and it is applied to the following HTML

<div id="LeftNav">
<div class="Box">
<P class="nodisplay">Navigation links:</P>
<ul>
<li>Left links</li>
<li>Left links 2</li>
<li>Left links 3</li>
</ul>
</div>
</div>

Ok, what should (or what I want to happen) is the list elements to come out
side by side inside the green box. What happens, however, when I run this in
IE 6, is the list elements come out below the green box. What the heck?

You can see the full code here: http://www.randomsystem.com/css/3/

[Pascal Chevrel]

There are many bugs with floating elements and lists in IE, I think you
should avoid floating the list items and replace float:left by
display:inline; it should do what you want.

Pascal

--
FAQ Mozilla/Netscape 7 en français : http://pascal.chevrel.free.fr/
Drag me, drop me, treat me like an object

[Xizor]

Thank you.

"Pascal Chevrel" <pascal.chev...@free.fr> wrote in message
news:3f2a6634$0$19543$626a...@news.free.fr...