ciao a tutti

io ho un problema, quando inserisco una immagine in un div, questa si abbassa di circa 10px ... e questo succede su FF e non su IE ... sapete il perchè? ecco il codici

HTML
codice:
<div class="class_personal_profile_CNTR_SX">
<div align="right">
<div style="margin-top:12px">
<p align="right" style="margin-bottom: -17px">
<font face="Arial" style="font-size: 9pt">
				 
[img]../immagini_prova/profile_add.PNG[/img]
					
</font>
</p>
</div>   
</div>
</div>

CSS
codice:
.class_personal_profile_SX
{
     width:155px;
     height:60px;
     float:right;     
     background:url(../image_layout/user_menu.gif) left;
     background-repeat:no-repeat;
}

(il <div style="margin-top:12px"> non centra niente anche perche se lo tolgo, su IE l'immagine si attacca all' inizio pagina, invece su FF rimane sempre fermo, sia ke metto 5px, sia con 1px ... poi se inizio dal 17 in su, allora si sposta in basso)

grazie in anticipo