List Spacing in IE5

extra left margin/padding

[itgl72]

Working with some more CSS quirkiness, building my experience. The
link above shows navigation that looks fine in IE6, FF, OP, NS, BUT IN
IE5.5, there is a spacing on the left that reveales the background
color.

Can anyone tell what I missed, or what I need to stick into the code
to make this look the same in IE5.5? I have played with this one piece
for over an hour now and cant seem to clear it up.

Thanks for your support.

George

<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>

[edited by: SuzyUK at 9:25 am (utc) on Feb. 18, 2005]

[itgl72]

I guess this is a hard one? Or too easy to bother with? LOL.. Well this is a *BUMP* - maybe it was missed. Been looking at it, still have a real stupid look on my face. :-(

[code added]

HTML:
<div id="navcontainer">
<ul id="navlist">
<li><a href="#" title="Link1">Link1</a></li>
<li><a href="#" title="Link2">Link2</a></li>
<li><a href="#" title="Link3">Link3</a></li>
</ul>
</div>

CSS:
#navlist {
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 178px;
}

#navlist li {
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navlist li a {
display: block;
height: 1%;
padding: 0.5em 0.5em 0.5em 0.5em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover {
border-color: #FE3;
color: #FFF;
background: #332;
}

[edited by: SuzyUK at 9:28 am (utc) on Feb. 18, 2005]
[edit reason] aded code sample [/edit]

[SuzyUK]

IE5.x does handle these formatted lists a bit differently I've forgotten why :o

but floating the <li> element at width : 100%; should help it

otherwise this is a shameless bump too..

Suzy