Вертикальное выравнивание в div

.imageholder {
position:relative;
display:table;
width:154px;
height:147px;
vertical-align: middle;
text-align: center;

background:url(/media/images/bg_product2.png) no-repeat ;
text-align:center;
}
.inner {
width:100%;
display:table-cell;
vertical-align:middle;
position:relative;
text-align:center;
}
.inner a img{
display:inline;
vertical-align:middle;
}

<!--[if lt IE 8]>
<style type="text/css">
.imageholder{overflow:hidden}
.imageholder,.inner{display:block}
.inner {top:50%;left:0;}
.inner img{top:-50%; position:relative;display:block}
</style>
<![endif]-->

<div class="imageholder" >
{% if product.image %}
<div class="inner">
<a href="{{ product.image.url }}" ><img src="{% thumbnail product.image 100x100 %}" alt="{{ product.product_name }}"/></a>
</div>
{% endif %}
</div>

Даже не жалко на такое ссылку разместить:

http://www.pmob.co.uk/temp/vertical-align3.htm