Вложенные элементы div не позиционируются как ожидалось

Question

У меня есть следующий html на тестовой странице, и я не могу понять, почему позиция вложенных div на +10 пикселей ниже их родителя. Я ожидаю, что они все выстроились прямо над родительским div. Я попытался установить размер ячейки и позиции значения для различных комбинаций, но они отказываются двигаться. Что мне здесь не хватает?

<div class="test"> 
    <div class="aj1"></div> 
    <div class="aj2"></div> 
    <div class="aj3"></div> 
</div> 

http://jsfiddle.net/StrandedPirate/P8vAm/

Answer 1

Добавить vertical-align: top; в ваш .test div

demo

или добавить font-size: 0; в свой .test

Answer 2

просто добавить line-height: 0; к .test

Answer 3

Добавьте этот код:

.test div{ 
    vertical-align: top; 
} 

http://jsfiddle.net/x9z6H/

Answer 4

Вы можете сделать это, давая float. Проверьте это http://jsfiddle.net/P8vAm/6/