Problema IE

[giupepperusso]

Salve a tutti, premetto che sono parecchio ignorante in materia e che ormai inizio ad odiare il piccolo sito da me stesso creato; ho creato un css per la gestione dei pulsanti in una pagina con iframe solo che con FF va tutto bene ed i pulsanti anno la giusta distanza con IE sono tutti ammassati.
Qualcuno mi sa dare una mano? ecco il css e grazie in anticipo

body { font-family: arial,sans-serif;
font-size: 10px;
}

div#MenuSx { float:left;
width: 12em;
}

div#MenuSx ul{ margin: 2em 0 1em 0.79em;
padding: 0;
list-style-type: none; }

div#MenuSx li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 21px;
text-decoration: none;
}


div#MenuSx li a:link, #MenuSx li a:visited {
color: black;
font: normal bold 1em arial,sans-serif;
display: block;
background: url(tasta_tasto.gif) no-repeat;
padding:8px 0 0 5px;
}

div#MenuSx li a:hover, #MenuSx li a:active {
color: orange;
background: url(tasta_tasto.gif) no-repeat;
padding:8px 0 0 5px;
}

div#MenuSx li a:active {
color: black;
font: normal bold 1em arial,sans-serif;
display: block;
background: url(tasta_tasto2.gif) no-repeat;
padding:8px 0 0 5px;
}

[giupepperusso]

uff quindi nessuno mi sa dare una mano?

[Mich_]

E` cosa nota che padding e border in IE hanno un comportamento diverso dagli altri browser (sono all'interno di width e height, anziche` sommarsi per avere la larghezza totale).
Vedi quasiasi tutorial CSS al capitolo "box model"

Ci sono vari modi per correggere:
- passare a XHTML 1.0 Strict (vale solo per IE6 e IE7)
- usare i commenti condizionali (vedi l'apposito capitolo nei tutorial o tra i "link utili")
- non usare padding, sostituendolo con margin (non sempre applicabile)

[TheBestNeo]

Non è possibile in nessuna maniera applicare il padding in modo diverso?
Tipo come classe al div.