Изображение контейнер с фиксированным размером

Question

У меня есть следующий контейнер изображения:

<div class="images"> 
    <img src="<%=imageURL %>" /> 
</div> 

И в CSS для .images является:

.images{ 
display:inline-block; 
width:100px; 
height:133px; 
overflow:hidden; 
} 

Мои изображения различных размеров Вот почему я использую выше DIV капсулы, чтобы сделать их одинакового размера. Но на странице, мои изображения поступают так:

Их вершины не совпадают. Как я могу это исправить?

Answer 1

Добавить vertical-align:top

.images{ 
    display:inline-block; 
    width:100px; 
    height:133px; 
    overflow:hidden; 
    vertical-align:top 
} 

Answer 2

использование поплавка

.images{ 
     float:left; 
     width:100px; 
     height:133px; 
     overflow:hidden; 
     }