lo sfondo non compare se non c'è contenuto

[fra diavolo]

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

[emnlmn]

Bastava fare una ricerca! è un classico problema trattato moltissime volte.
Comunque, uno dei metodi che preferisco per sistemare questo "problema" è assegnare overflow:hidden; sul contenitore, in questo caso #containter.

[fra diavolo]

Be l'ho fatta la ricerca ma non avevo trovato niente.

Comunque grazie mille per la risposta ho risolto subito e ho imparato uin altra cosa.

Dimmi un pò ma quindi visto che a me funzionava come se permettesse la fuoriuscita del contenuto dal div significa che di default e impostato overflow: visible?

Grazie mille
ciao

[emnlmn]

Esattamente.
Di default overflow è impostato a visible.

[fra diavolo]

Grazie
ho imparato una nuova cosa