Visualizzazione errata su IE

[SGr33n]

Ciao a tutti,

Ho un problema di visualizzazione che mi si verifica unicamente sotto Internet Explorer ma non Firefox...

Ho il seguente CSS:

#menuPref {
	width: 119px;
	background: url(../images/pref_menubg.gif) center;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

#menuprefTop {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: url(../images/pref_menutop.gif) bottom center no-repeat;
	width: 119px;
	height: 7px;
}

#menuprefBot {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: url(../images/pref_menubot.gif) bottom center no-repeat;
	width: 119px;
	height: 345px;
}

e l'html per la visualizzazione è questo:

<div id="menuPref">

<div id="menuprefTop"></div>
<div id="menuprefBot"></div>
</div>

Solo che su internet explorer è come se mi desse un padding al di su del primo elemento "pref_menutop.gif", infatti per sistemare provvisoriamente ho impostato l'allineamento in basso dello sfondo pref_menutop.gif e il no repeat, ma cmq c'è questo spazio abbastanza largo, circa una decina di pixel.

Qualcuno mi sa aiutare a risolvere ?

Grazie 1000

[Mich_]

Prova a rispettare l'ordine delle proprieta` all'interno del background:
color image repeat attachment position

Quindi nel tuo caso:
background: url(../images/pref_menutop.gif) no-repeat bottom center;