Der IE verschandelt mein Menu (Liste)

[Schneeschaufel]

Grüß´Sie.

Der Ie verhunzt mir ein einfaches Listenmenü und ich steige nicht dahinter, wo der fehler begraben liegt.
Was macht er falsch: Der Abstand zwischen den Listen ist unerklärlich groß.
Der Code:
Doctye xhtml 1.0 strict,
Css:

#navcontainer    { background-color: #fff; position: absolute; top: 190px; left: 50px; width: 130px }
#navcontainer a     { color: #000; font-size: 12px; text-decoration: none; background-color: #f3f3f3; display: block; padding: 5px 10px; border-bottom: 1px dashed #9bb372 }
#navcontainer a:hover    { color: #000; text-decoration: none; background-color: #eee; border-right: 5px solid #9bb372; border-bottom: 1px dashed #9bb372 }
#navcontainer li  { margin: 0; padding: 0; border-left: 1px solid #9bb372 }
#navcontainer ul  { list-style-type: none; margin: 0; padding: 0 }

Die Liste selber:

<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Startseite</a></li>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
</ul>
</div>

Die Page selber ist valide.
FF8, NS 7 bzw Opera 8 zeigen mir, wie es aussehen soll, nur der Ie nicht.
Any ideas?

Merci für sachdienliche Hinweise vom CSS-Depp
Thomas

Edit: Im Anhang so wie es aussehen soll(unten) und wie nicht.

[Adromir]

Vielleicht liegt es am id="navlist" ..

[Malleus]

Ich hab' mal einfach die LI's in eine Zeile, also ohne Umbruch, geschrieben. Das scheint zu funktionieren.

<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Startseite</a></li><li><a href="#">...</a></li><li><a href="#">...</a></li><li><a href="#">...</a></li>
</ul>
</div> 

...Erklärung dafür hab' ich keine. Vielleicht kannst Du ja damit leben ;-)

[PeterBrand]

versuch mal beim
navcontainer a
ein
width: 100%;

[Schneeschaufel]

@Malleus:
Haut wunderbar hin, komisches Problem...
@Peterlein
Ebenfalls

Schön, dass es das Tp gibt