jpg in DIV... problemi in FF3

[Scellino02]

ciao a tutti ragazzi, ho questo div:

float:left;
width:113px;
height:84;
border:#8c96AB 2px solid;
margin:7px 8px 7px 8px;

All'interno ho messo un immagine in questo modo:
<div id="MiniFoto">[img]images/Giuseppe.jpg[/img]</div>

Con IE7 tuto ok, il problema si verifica con FF3 che mi mostra sotto immagine, all interno del div, uno spazio vuoto di 3 pixel...

Come posso risolvere? mi date una mano?

[fcaldera]

dai float:left anche all'immagine
all'immagine togli gli attributi width e height
e spostali nel css definendo width: 100%; e height: 100%;

[Scellino02]

Grazie per la risposta, senti ho appena fatto una prova... con FF3 ora è tutto ok, perfetto direi! Ma in IE7 ora l'immagine mi sfora, la vedo piu alta di quello che è realmente, praticamente fuoriesce...

Posso risolvere in qualche modo?

Grazie ancora per la risposta ehh

[Mich_]

height:84;

Cosa sono? 84 patate, pixel, percento, ...?
Alcuni browser ignorano completamente attributi senza unita` di misura, mentre altri interpretano px per default.

Attenzine che il box-model in IE (quirks mode) e` diverso che in altri browser: padding e border fanno parte di width e height, a differenza di altri browser incui anche quelli stanno fuori da width e height.
Se invece lavori in standard mode (XHTML 1.0 strict e successive) il box model assomiglia di piu` allo standard.

[Scellino02]

Mich_ , grazie per la risposta, il problema era proprio sosso i miei occhi e non l'avevo visto!
Alla prossima!