Listen-Menü dem oberen Bild anpassen -> IE-Problem

[Conny]

Hallo ihr,

zwei <div> (bzw. drei, aber die Dritte interessiert momentan nicht), wobei in der ersten lediglich ein Bild liegt mit den CSS-Angaben
#oben {
 width:100%;
 margin-top:30px;
 background-image:url(bilder/linie.jpg);
 background-repeat:repeat-x;
 height:56px;
}

Die zweite Ebene enthält eine Liste mit den Menüpunkten. Die ist so weit auch ok, aber: Sie soll sich der Breite des Bildes (134px) in der oberen Ebene anpassen. Mozilla, Firefox, Opera machen's, der IE nicht. Sein Problem: erstens stimmt links die Kante um ein Pixel nicht und zweitens ist er zu breit.

Vielleicht kann mir ja jemand sagen, was in den CSS-Angaben fehlt bzw. geändert werden müsste. Hier ist der Code:

#menue {
 float:left;
 width:132px;
 margin-left:2px;
}

#rechts {
 margin-left:132px;
 padding-left:30px;
}

#menue ul {
 list-style:none;
 margin:0px;
 padding:0px;
 background-color:#900;
}

#menue li {
 margin-bottom:1px;
 border-bottom:2px solid #333;
 border-top:1px solid #ccc;
 border-left:1px solid #333;
 border-right:1px solid #333;
}

#menue li a {
 color:#fc0;
 text-decoration:none;
 display:block;
 width:132px;
 padding: 7px 10px;
 font:bold 10pt Arial, Helvetica, sans-serif;
}

Gruß,
Conny