Menu bjælke vises ikke ens i IE og firefox

Jeg er gået igang med at ændre en menubjælke med noget blå/hvid gradient men kan ikke få den tilpasset til hele menufeltet.
Der er oprindeligt tilføjet rundinger til menubjælken men dem vil jeg gerne undvære af nemheds skyld -siden kan ses på www.jesperb.serverservice.dk

Lige nu har jeg rettet i css men det er noget rod og ved ikke hvordan det skal rettes rigtigt - nogen der kan hjælpe
Det er linierne i css der bestemmer de 3 dele i menubjælken - hæjre /venstre center

.dcaption {
    width: 100%;
}
.dcaption .left { background: url('images/topleft.png') no-repeat; float: left; height: 26px; width: 0px; margin-left:0px; }
.dcaption .right { background: url('images/topright.png') no-repeat; float: right; height: 26px; width: 0px; margin-right: 1px; }
.dcaption .center {background-image: url('images/top.png'); color: #111; font: 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; height: 26px; line-height: 26px;margin-left: 4px; }

hele originalthema kan hentes herfra og er desuden et opensoruce
http://jesperb.serverservice.dk/khatru.rar