Cómo centrar verticalmente imágenes en DIVS

Codigo CSS

<style type="text/css">

/* el código "normal" es igual al usado hasta ahora */

div.holder {
display: table-cell;
width: 500px;
height: 200px;
text-align: center;
vertical-align: middle;
background: #E0E0E0;
}

</style>

<!--[if IE]>
<style type="text/css">

/* y aquí es donde se debe establecer el código para IE */

#edge {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}

#container {
display: inline-block;
width: 100%;
text-align: center;
vertical-align: middle;
}

</style>
<![endif]-->

Codigo HTML

<divfont-weight: bold; color: rgb(51, 255, 255);">holder">
<span id="edge"></span>
<span id="container"><img src="URL_imagen" /></span>
</div>
centrar verticalmente imagen en div
Visto en: vagabundia