Хотите узнать причину такого поведения.
CSS
div {
display: inline-block;
margin-right: 2px;
width: 20px;
background-color: red;
}
Пустое div
<div style="height:20px;"></div>
<div style="height:40px;"></div>
<div style="height:60px;"></div>
<div style="height:80px;"></div>
поведение: элемент увеличивается снизу вверх (высота)
div с текстом
<div style="height:20px;">20</div>
<div style="height:40px;">30</div>
<div style="height:60px;">40</div>
<div style="height:80px;">50</div>
поведение: элемент увеличивается сверху вниз (высота)
видеть в действии: http://jsfiddle.net/8GGYm/