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>