ho una galleria di immagini che ha la seguente forma:
codice:
<div id="fotodiv">
<span class="immagine">[img]catalogo/mini001.jpg[/img]</span>

<span class="immagine">[img]catalogo/mini002.jpg[/img]</span>

</div>
e nel foglio di stile ho previsto

codice:
#fotodiv .immagine {
	height: 120px;
	width: 152px;
}	

#fotodiv .immagine img {
	border: 1px solid #330099;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-top: 6px;
	padding: 6px;
	height: 120px;
	width: 152px;
}

#fotodiv .immagine a {
	background: #FFFFFF;
	height: 120px;
	width: 152px;
}

#fotodiv .immagine a:hover, #fotodiv .immagine a:focus  {
	background: #66CCFF;
	height: 120px;
	width: 152px;
}

voglio insomma ottenere che lo sfondo da bianco diventi blu quando il mouse e' sull'immagine e ciò corrisponde ad avere una cornice che si muove attorno all'immagine.

in explorer tutto è ok.
in fire fox invece ho invece che dello sfondo bianco una linea bianca in basso all'immagine... e pure che eccede i bordi dell'immagine stessa.

come risolvere? che il problema sia in span?