[XHTML][CSS] Problema con box model

[Bestseller]

Buongiorno,
sono un principiante alle prese con la realizzazione di un sito con XHTML 1.0 Strict e CSS 2.1. Il problema che mi sta facendo dannare riguarda i box model. Allego subito uno screenshot per essere subito più chiaro:

Il problema è che l'area con id "corpo", che nella figura è quella grigia, ha altezza 0 e invece dovrebbe adeguarsi al suo contenuto: l'immagine e il testo. In parole povere vorrei che l'immagine e il testo avessero sfondo grigio ossia fossero effettivamente contenute in "corpo" senza sforare.
Il codice html è questo:

<body>
<!-- eccetera -->
<div id="corpo"> 
		<img id="immagine_home" src="immagini/immagine_homepage.jpg" alt=""  style="max-width:40%;max-height:30%;">
		<p class="descrizione_home">Lorem ipsum...</p>
		<p class="descrizione_home">Lorem ipsum ...</p>
</div>
<!-- eccetera -->
</body>

E il foglio di stile è questo:

#corpo {
	background: #D4D4D4;
	padding: 1.5em;
	}	
#immagine_home {
	margin-right: 1.5em;
	float: left;
}	
.descrizione_home{
	width: 55%;
	float: right;
}

Spero di essere stato chiaro.
Vi ringrazio.

[Bestseller]

Risolto con overflow: hidden. Potete chiudere.