DIV-Tag width im IE nicht 100% sondern lässt Freiraum

[Judith Merges]

Hallo,

ich gestalte ein Seitenmenü und möchte, dass alle Menüeinträge genauso breit sind, wie das Elternelement. Ich habe versucht, das mit der Einstellung width=100%. Im Firefox funktioniert das tadellos, im Internet Explorer bleiben rechts Lücken.

Im folgenden Beispiel, nutzt der erste Menüeintrag im IE nicht die gesamte Breite, sondern lässt rechts einen schwarzen Leerraum, im Firefox funktionierts.

<div style="margin:15px; background-color:#000000; text-align:left; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; white-space:nowrap">

<!-- Menü-Eintrag 1 -->
<div style="padding:0px; margin:0px; background-color:#ff0000; height:20px; width:100%;">Level 2 Item 1.1</div>

<!--Menü-Eintrag 2 -->
<div style="margin:0px; padding:0px; background-color:#00ff00; height:20px; width:100%;">Level 3 Item 1.1.1.1.1.1</div>

</div>

Ist das ein Problem mit dem IE oder sehe in den Wald vor lauter Bäumen nicht?

Grüße
Judith