Pour un catalogue de produit je devais centrer verticalement les images dans la div '.short_product'. Je remonte l'infos pour ceux que sa intéresse sur la méthode que je viens d'utiliser...

1/ j'utilise Jquery...
2/ à placer dans le HEAD de votre doc html

 
<script type="text/javascript">
    $(function() {
      $(".short_product").each(function() {
        imageHeight = $(this).find("img").attr("height");
        $(this).find("img").css({"margin-top": - imageHeight / 2});
      });
    });
</script>
 

En gros je recherche les div '.short_product', je boucle dessus, je récupère la hauteur de l'image contenue dans la div et j'applique une marge top négative de la moitié de sa hauteur.

3/ en css il reste à voir 1 ou 2 choses :

.short_product img{
position: relative; /* ou absolute selon vos besoins */
top: 50%;
}


Voilà.

Willy - web com média