Probleme bei unterschiedlichen Browsern

Hallo,

ich habe für mein Theme runde Menüelemente gemacht, in Opera, was genau meinen Vorstellungen entsprach.
Nur der Schock kam, als ich das ganze im IE und Firefox angezeigt habe...
die Teilelemente wurden nicht oder nur teilweise und versetzt angezeigt.
Ich bin dabei nach der Anleitung "Sliding Doors of CSS, by Douglas Bowman" vorgegangne, wie ich es im Forum gefunden habe.

Ein Teil des Codes:
---
/*******************************Tab navigation********************************/

ul.primary {
border-collapse: collapse;
padding: 0 0 0 0;
white-space: nowrap;
list-style: none;
margin: 5px;
margin-left: 0;
height: auto;
padding-left: 5px;
border-bottom: 1px solid #FDCC17;
line-height: normal;
display:block;
}
ul.primary li {
display: inline-block;
background: url(sliding_door_right.gif) no-repeat top right;
margin:0;
padding:0;
border: none;
}

ul.primary li a {

display: block;
background: url(sliding_door_left_white.gif) no-repeat top left;
padding: 5px 15px 5px;
margin-left: -5px;
border: none;
height: auto;
margin-right: 0.5em;
}

---

Hat jemand schon ähnliche Probleme gehabt und sie erfolgreich gelöst?

Danke, und lg