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

Questo è il foglio CSS.

codice:
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:

codice:
<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