CSS - вертикальное центрирование изображения внутри плавающего блока

Я решил не обращать внимания на эту проблему и мне нужна помощь :). В соответствии с заголовком, попытка вертикального выравнивания изображения, заключенного в элемент привязки, в центре плавающего элемента div с фиксированной высотой.

Провел много поисков решений в Google, и шкаф, который я могу получить, находится ниже, когда div не перемещается (хотя это должно быть). Мы будем очень признательны за любые идеи!

.class_name {
/*float: left*/
width:153px; 
height:153px;
margin:3px;
padding:4px;
border:1px solid #dedede;
text-align: center;
vertical-align: middle;
background-color: #000;
display: table-cell;
}

<div class="class_name">
    <a href=""><img src="image.jpg" alt="" /></a>
</div>