padding Firefox vs IE

[abibon]

Ecco il mio problema. Ho una barra orizzontale di dimensioni definite (height: 20px e width: 770px). Ho del testo all'interno, e per centrarlo verticalmente ho aggiunto un padding di 3px. Il problema è che con IE mi visualizza correttamente la barra alta 20px con il padding all'interno, mentre con mozilla l'altezza diventa di 23px, cioè aggiunge all'altezza dichiarata i 3px di padding... spaginando poi tutta la grafica collegata.

Questo l'html

<div id="menubarra">[url="xxx.asp"]xxx[/url]</div> 

e questo il css

#menubarra {
    padding-top: 3px;
    padding-bottom: 0px;
    text-align: center;
    color: #6D658C;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    height: 20px;
    width: 770px;
    background-image: url(../img/back_barra.jpg); } 

come posso fare????

Grazie!

[floyd46]

ciao

prova con:
#menubarra {
height: 20px;
line-height: 20px;
}

dovrebbe fungere.
Floyd

[abibon]

Ok, così risolvo il problema dell'altezza della linea. Ma in IE non mi allinea + il testo centrato verticalmente (che poi era il motivo per cui avevo inserito il padding...)!

[abibon]

up

[biblebasher]

qui c'è la risposta che ti serve:
http://www.mrwebmaster.it/tutorial/css/tutorial419.htm

ciao!