problema css

[MetalDani]

salve a tutti. ho creato questo documento css associato ad un menù, ma mentre IE 6 me lo visualizza correttamente, Firefox e IE 7 me lo visualizzano sballato. qualcuno sa dirmi come devo fare per sistemare la cosa??

/* CSS Document */

.menuNavigazione{
width:197px;
margin:0;
padding:0;
list-style:none;
font-size:small;
font:Arial, Helvetica, sans-serif;
}
.menuNavigazione a{
display:block;
text-decoration:none;

margin:1px 0;
padding:3px 10px;
background:#990000;
color:#009;
}
.menuNavigazione a:link,
.menuNavigazione a:visited{
background:#990000;
color:#FFFFFF;
}
.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{
background:#FFFFFF;
color:#990000;
border-color:#000000;
}
.menuNavigazione li{
display:inline;
}
.menuNavigazione a{
height:0;
}


grazie, spero risponderete!

[Mich_]

Casomai e` IE6 che interpreta il box-model a modo suo, non gli altri browser.

Gli attributi che danno i problemi maggiori nelle differenze sono il padding e il border.

Ci sono vari modi per ovviare, ma dipende cosa vuoi ottenere:
1. sostituire il padding con margin (non sempre e` possibile, dipende dai casi)
2. usare una DTD XHTML Strict (anceh IE interpreta come gli altri)
3. ottimizzare per lo standard, poi usare i commenti condizionali per "correggere" in IE6 e IE7

PS: non hai postato il codice HTML, e non hai detto che DTD usi, per cui non e` possibile rispondere in modo completo.