padding im CSS für jeden Browser extra definieren

[Druecke_die_AnyTaste]

Hallo,

ich habe folgendes Problem:

Ich habe eine horizontale Navigationsleiste mit Hilfe der ul- und li-Elemente erstellt.
Auf Chrome, Safari und Opera wird die Navigation genauso dargestellt, wie sie sein sollte.
Nur über IE und Firefox wirkt die Navigationsleiste nicht mehr zentriert gezeigt sondern ich habe einen erheblichen Abstand auf der rechten Seite, wodurch die Navigation linksbündig wirkt.
Offenbar werden in den unterschiedlichen Browsern die Schriften in ihrem Blocksatz und ihren Zeichenabständen (vielleicht auch in der Größe/Höhe/Breite) unterschiedlich dargestellt.

Aus diesem Grunde habe ich meinen CSS-Tag folgendermaßen angepasst (siehe nav li):

nav {

width: 832px;
height: 24px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 8px;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 8px;
font-family: 'Lucida Console', Monaco, monospace;
font-size: 16px;
font-weight: bold;
color: white;
background-color: black;
border-left: 2px solid white;
border-right: 2px solid white;

}

nav ul {

margin: 0;
padding: 0;
padding-left: 3px;
width: 840px;
text-align: center;
valign: center;

}

nav li {

list-style: none;
float: left;
height: 24px;
padding-left: 11px;
-webkit-padding-left: 11px;
-moz-padding-left: 16px;
-o-padding-left: 11px;
-ms-padding-left: 16px;
padding-right: 11px;
-webkit-padding-right: 11px;
-moz-padding-right: 16px;
-o-padding-right: 11px;
-ms-padding-right: 16px;
position: relative;
background-color: black;
color: white;

}

Ich nehme mal stark an, dass ich für die Browser-spezifischen Angaben den Syntax anders schreiben muss. Nur wie muss dieser Syntax bez. auf das padding genau aussehen?

Habe im Web mit diversen Suchbegriffen keine passende Antwort finden können.

Hoffe, es ist erkennbar, was ich versuche zu erreichen.

Vielen Dank schon mal im voraus!