Problema urgente impaginazione con DIV

[LostCore]

Ciao a tutti ^^
Vi espongo velocemente il mio problema:

Questo è il foglio CSS.

body{
font-size: 76%;   /*dimensionamento percentuale del font */
text-align: center;   /*centra in IE 5.x */
}

#head{
background-image:url(imgs/imgs_standard/top.jpg);
width: 730px;
height: 278px;
text-align: left;   /*ripristina l' allineamento*/
}

#contenuto{
background-image:url(imgs/imgs_standard/sfondo.jpg);
text-align: left;   /*ripristina l' allineamento*/
width: 730px;
}

	#menu{
	float:left;
	margin:0px 0px 0px 26px;
	width:156px;
	height:inherit;
	}

	#pagine{
	float:left;
	width:429px;
	height:auto;
	margin:0px, 0px, 0px, 0px;
	}
	
	#affiliati{
	width:93px;
	float:right;
	height:inherit;
	margin:0px 26px, 0px, 0px;	
	}

#footer{
background-image:url(imgs/imgs_standard/fondo.jpg);
text-align: left;   /*ripristina l' allineamento*/
width: 730px;
height: 85px;
}

E questa è l'html:

<div id="head"></div>
<div id="contenuto">
	<div id="menu">MENU
	

</p>
	

</p>
	

</p>
	

</p>
	

</p>
	

</p>
	</div>
	<div id="pagine">PAGINA
	

Ciao</p>
	

Ciao</p>
	

Ciao</p>
	

Ciao</p>
	

Ciao</p>
	</div>
	<div id="affiliati">AFF.
	

</p>
	

</p>
	

</p>
	

</p>
	

</p>
	</div>
</div>
<div id="footer"></div>

Non riesco a capire perché il contenuto(e la conseguente altezza) dei tre div "pagine", "affiliati" e "menu" non setti la altezza del div "contenuto", ma vada ad ingrandire "footer".

Come posso fare?

Il risultato è questo:



Grazie mille

[thomas_anderson]

Allora, ti consiglio di non esprimere l'altezza in modo esplicito. Se vuoi che le sezioni laterali seguano il contenuto, ti consiglio di usare un immagine di background (un colore è più che sufficiente) che si ripeta verticalmente per ognuna. Poi il footer deve avere la proprietà: clear: both; per ripristinare lo stato del float. Poi il contenuto non dovrebbe avere una larghezza esplicita, ma dovresti definirlo con opportuna marginazione. Evita nel CSS espressioni come margin: 0px 0px 0px 0px;. E' sufficiente margin: 0;
Ciao

[LostCore]

Ti ringrazio della risposta
Dove ho espresso la altezza in modo esplicito?
E poi, l'immagine di sfondo c'e, ed è in #contenuto.
I tre div che sono all'interno di #contenuto non dovrebbero ereditarla?

[thomas_anderson]

Prova così: includi il footer in contenuto ed esprimine solo l'altezza. E sempre con clear: both.

[LostCore]

ha funzionato, grazie XD