Как заставить div занимать место, даже если он пуст?

У меня есть два изображения, обернутых в блоки div, одно с подписью, а другое без:

  
  
title



  
 

И соответствующий css выглядит следующим образом:

.figure {
    display: inline-block;
}
.figure a {
    display: block;
}
.figure .caption {
    text-align: center;
    display: block;
    height: 22px;
}

Моя проблема в том, что даже я назначил атрибут высоты для заголовка div, он по-прежнему не занимает места, в результате верхние части изображений не выравниваются. Есть ли что-нибудь исправить? Код проблемы также доступен по адресу http://cssdesk.com/cF7G9 .