Problema con background-color

[billo]

Salve, ho un problema con questo codice...
HTML:

<div id="centrale">


<div id="menusx">
menu sinistra
</div>


<div id="contenuti">
contenuti
</div>


<div id="menudx">
menu destra
</div>

</div>

CSS:

div#centrale
{
	background-image: url('colonne.jpg');
}

div#menusx, div#menudx, div#stats
{
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

div#menusx, div#menudx
{
	width: 150px;
	position: relative;
}

div#menusx
{
	left: 50px;
	float: left;
}

div#menudx
{
	right: 50px;
	float: right;
}

div#contenuti
{
	position: relative;
	width: 485px;
	float: left;
	left: 104px;
}

Viene correttamente visualizzato, il problema è che il background-color del div "centrale" è come se non ci fosse, infatti lo sfondo non c'è. Come posso risolvere?

[fcaldera]

se su FF non lo vedi e su Explorer sì
allora ti manca il clearing sul blocco centrale

div#centrale {
height: auto;
overflow: hidden;
background-image: url('colonne.jpg');
}


oppure usa una qualsiasi altra tecnica di clearing dei float

[billo]

ecco, mi potresti fare un accenno a queste tecniche? infatti dopo un po' di prove ho capito che era il float a dare problemi. Potresti dirmi quali ci sono?

[edit] con quello funziona, grazie!