CSS Layout 3 colonne + footer

[ricman]

Sto cercando di realizzare un layout con Header, 3 colonne e footer.
Avevo pensato ad una cosa del genere (escludo l'header dal codice):

#contenitore {
	height: 300px;
	background-color: #99CC33;
}
#sx {
	float: left;
	background-color: #CC6600;
	width: 150px;
}
#centro {
	float: left;
	background-color: #CCFF00;
	width: 380px;
}
#dx {
	float: left;
	background-color: #FFCC00;
	width: 150px;
}
#footer {
	bottom: 0px;
	height: 45px;
	background-color: #f6f6f6;
	text-align: center;
}

------------------------
<div id="contenitore">
	<div id="sx">sx</div>
	<div id="centro">centro centrocentro </div>
	<div id="dx">dx</div>
</div>
<div id="footer">footer</div>

Però c'è un problema: quando riempio, ad esempio, la colonna centrale con molto testo fino a superare l'altezza del "contenitore" questa si sovrappone sia al contenitore stesso che al footer sottostante (in FireFox).
Dove sbaglio?