vertical-align problemas

[Blade_Stom]

Tengo una capa y dentro de la capa una imagen. La capa es tiene una altura mayor que la imagen.

.capaFoto{

width:202px;
height:200px;


}
.capaFoto img.fotoUsuario{
width:200px;
height:150px;
vertical-align: middle;
}

Pero no consigo que la foto quede centrada verticalmente........me la coloca en el top de la capa contenedora.

¿Por qué?


Un saludo y gracias

[Mikmoro]

Es que vertical-align: middle; sólo funciona bajo circunstancias muy determinadas. Pero vamos, en tu caso tiene muy fácil solución: dale un margen superior igual a la mitad de la diferencia de tamaño entre la caja y la imagen y listo.