Hauteur d'une liste <ul>

Bonjour, j'ai une liste contenue dans un div. Quand un élément de cette liste est trop haut, il déborde du div au lieu d'agrandir celui-ci :

http://beta.finalclap.com/ (l'élément avec le micro dans la zone see also)

Voici le CSS :

.see_also{
	list-style: none;
	padding: 0 0 5px 135px;
	margin: 0px auto;
	background: url('/style/images/see_also.jpg') top left no-repeat;
	height: 140px;
}

.see_also li{
	text-align: center;
	float: left;
	margin: 8px 0 0 10px;
}

.see_also li a{
	text-decoration: none;
	color: #555555;
	display: block;
	padding: 8px;
	font-weight: lighter;
	
	background: #e7e7e7;
	border: 1px solid #d7d8ce;
	
	width: 140px;
}

.see_also li a:hover{
	background: whitesmoke;
	text-decoration: none;
}

.see_also li a span{
	display: block;
	padding-top: 5px;
}

Comment je pourrais faire pour que la hauteur du div s'adapte automatiquement ?

Merci

Salut Galdon,

a mon avis, il suffit de mettre un overflow:hidden; a ton <div class="box"> qui englobe ta liste see_also

C'est un cas typique de débordement des flottants.

Merci, ça marche avec un clear: left.