en el ejemplo que enlazas
el primero, deja así estas clases:
Cita: .contenedorfoto {
background-color:#F5F7F9;
border-bottom:1px solid #A5A7AA;
border-right:1px solid #A5A7AA;
float:left;
margin:10px;
padding:5px;
text-align:center;
}
.contenedorfoto span {
color:#515151;
float:right;
font-family:Trebuchet MS;
font-size:9pt;
padding-left:5px;
}
y elimina los <br /> que hay entre la imagen y el span
Visto sólo en FF
Prueba y comenta, que me parece que ie dirá algo (por no variar) (creo que tendrás que darle una anchura/anchura mínima/anchura máxima a .contenedor foto para que ie no ocupe toda la línea horizontal con cada uno)
Una pregunta: en el ejemplo, "Descripción de la imagen" está en un 'span' formando parte del enlace como la imagen, tu intención es añadir la descripción al lado de la imagen o que se muestre en el destino del enlace? Si es lo primero, se puede modificar algo ese código.
Un saludo