Problema con float

[hector_he]

He decidido crear una galería de fotos con css, todo bien pero las fotos estan dentro de una div con float, todo correcto, pero tendría que estar dentro de otra capa la qual tiene el fondo) pero salen de ella devido al float.
Que se puede hacer?

#text_ex{padding:14px;background-color: #D9E57F; clear:left}
.contenedorfoto {
float:left;
width:200px;
height:100px;
margin: 10px;
padding:5px;
background-color:#f5f7f9;
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center;
}

<div id="text_ex">
<div class="contenedorfoto"><a href="#"><img src="img/1.jpg" border="0" alt=""/></a><br /><span>Descripción de la imagen</span></div>
<div class="contenedorfoto"><a href="#"><img src="img/2.jpg" border="0" alt=""/></a><br /><span>Descripción de la imagen</span></div>
<div class="contenedorfoto"><a href="#"><img src="img/3.jpg" border="0" alt=""/></a><br /><span>Descripción de la imagen</span></div>
<div class="contenedorfoto"><a href="#"><img src="img/4.jpg" border="0" alt=""/></a><br /><span>Descripción de la imagen</span></div>
<div class="contenedorfoto"><a href="#"><img src="img/5.jpg" border="0" alt=""/></a><br /><span>Descripción de la imagen</span></div>
</div>

[webosiris]

Aquí está la solución.

PD: ¿para que los span?

[hector_he]

Muchas gracias por la contestación.
He estado buscando y he aplicado otra solución:

div.spacer {clear: both;}

Y colocar dos divs ( <div class="spacer">&nbsp;</div> ), una al principio de la primera imagen y otra la final...

edit. He provado tu solución y me parece más útil. Gracias!
Lo único que no consuigo es centrar las imágenes...

pd: Los span no hagas caso he estado suiguiendo el esquema de un tutotril que tenía ese código.

[hector_he]

Me he dado cuenta de que esta solución solo se me aplica en Firefox no en IE.
Que puedo hacer?

pd. que es limpiar los flotantes?...

edit: He encontrado la solución!
<div style="clear:both"></div>