Altezza div con padding

[laracrack]

Ciao,
ho un div con un background di altezza 24px (ovvero l'altezza dell'immagine di background),
nel div ho del testo, e per posizionarlo al centro in verticale imposto un paddig-top di 3px.

Il problema sorge nella visualizzazione con Firefox e Netscape, perchè aggiungono all'altezza il padding di 3px, come posso far visualizzare l'altezza reale anche con questi due browser?
spero di essere stata chiara, cmq ecco il codice:

#R1{
width: 159px;
height: 24px;
padding-top: 3px;
text-align: center;
background-image: url(R1.gif);
}
<div id="R1">Titolo</div>

, Lara.

[floyd46]

potresti provare a scrivere:
#R1{
width: 159px;
height: 24px;
line-height: 24px;
text-align: center;
background-image: url(R1.gif) no-repeat top transparent;
}
<div id="R1">Titolo</div>
facci sapere che cosa viene fuori.
Sciao!

[laracrack]

Ora non funziona nemmeno con I.E. ed Opera.
,Lara.

[floyd46]

potresti mandare alla mail del mio sito la tua immagine?
ti scrivo il CSS e vediamo cosa succede.
ciao

[laracrack]

Ecco fatto.
, Lara.

[laracrack]

E se al posto del testo avessi un'immagine dentro ad R1 come faccio a centrarla verticalmente?

[floyd46]

dipende da quanto è alto il div R1 e da quanto è alta l'immagine.
solitamente si dà il line-height in base a quanto è alto il div contenitore.
Spero di essere stato kiaro.
Fammi sapere.
Floyd

[laracrack]

Ho risolto impostando un margine all'immagine.
Ciao, Lara.