Salve a tutti
Ho questo pezzo di html

<div id="container">
<div id="fotopres">
[img]images/foto1.jpg[/img]
</div>
<div id="testo">


prova 1234</p>
</div>
</div>


Questo è il relativo codice CSS

#container {
margin:auto;
width: 777px;
clear: both;
background: #fff url("images/backcontainer.gif") repeat ;
}

#fotopres
{
float:left;
width: 481px;
}
#testo
{
width: 296px;
height: 359px;
float:right;
}


Ecco tutto questo funziona bene in Internet Explorer, mentre in Firefox non mi viene visualizzato il background. Ho notato che è come se venisse completamente ignorato il div CONTAINER in quanto vuoto(visto che funge solo da contenitore per gli altri due div), mentre se metto anche una riga di testo tipo il background compare ma solo per quella linea.

Come posso risolvere questo problema?

Spero di essere stato abbastanza chiaro