padding Firefox vs Explorer

[i_am_antipop]

Ciao, ho un problema di visualizzazione tra Explorer e Firefox: ho alcune immagini in un div che dovrebbero essere spaziate tra loro.

Con Firefox ok.
Con Explorer le vedo attaccate!


Come risolvere?
Grazie

Ecco il CSS:

#contentright1 {
		width:572px;
		text-align:center;
		padding-top: 54px;
		padding-bottom: 34px;
							
		float:left;
		}
		
		
	DIV#contentright1 IMG {
		padding-left : 21px; 
		padding-right : 21px; 
		}

[andrea.paiola]

forse è sbagliato il selettore... metti tutto minuscolo (anche i tag)

[i_am_antipop]

ciao, ho provato ma nulla...

conosci un altra tecnica per distanziare delle immagini in un div?

grazie

[Mich_]

In IE il padding di un'immagine sparisce.
Infatti il padding nel box-model di IE fa parte del width, ma il width determina la larghezza dell'immagine stessa.

Se ti basta farlo funzionare in IE6, devi solo passare a XHTML 1.0 strict: in tal caso IE si adegua al box-model del W3C.
Oppure abbandona il padding, ed usa il margin.

[andrea.paiola]

esistono anche i margini

[i_am_antipop]

con margin funziona!

grazie mille a tutti!

anche per la precisazione!