Come da titolo, il codice html e' validato e su tutti gli altri browser (compreso ie8!) si visualizza perfettamente, su Firefox4 invece il footer visalizza anche questa barra bianca.

Analizzandola con firebug viene evidenziata solo quando passo sull'html O.O sapete dirmi come mai e sopratutto che cosa è questa barra xD?

Ecco il codice relativo al footer:

codice:
<div id="footer">  	
<div id="footer_container">  	
<div id="footer_left">[img]images/footer_left.png[/img]</div> 	
<div id="footer_right"> </div>                                            					<div id="infox">                      Bagni XX - Spiaggia privata - P.IVA 000000000000 - Web Design by Newtek Informatica  </div>   	
</div> 
</div>
Il css:

codice:
#footer_container{ width:960px; height:200px;margin:0 auto;  padding:0;} #footer_left{ position:relative; top:-50px; left:0px; float:left;}  
#footer_right{ position:relative; width:675px; height:220px; background-repeat:no-repeat;top:-50px; left:450px; background-image:url(../images/footer_right.png);}  #infox{ width:100%; height:auto; position:relative; bottom:220px; left:180px; color:#FFF; font-size:16px;font-family:'WCManoNegraBtaBold', Arial, sans-serif;}

P.s: impostando overflow:hidden; sul fotter si mette a posto o_o peccato che così mi taglia i dive che sono più alti =( qualcuno ha qualche idea?