Ваша проблема в том, что вы говорите #left
, что он имеет высоту 50px, а затем помещаете в него что-то, что требует 100px (38 + 31 + 31) высоты, в результате содержимое переполняет родительский ящик. Вы должны сделать родителя, #left
, достаточно высоким, чтобы полностью вместить его потомка <h2>
.
Однако, если вы установите #left
на height: 100px
, вам придется переставить ссылки "about", "testimonials", ... еще на 50px, и вам придется добавить еще 50px на высоту .field
. Вам, вероятно, придется настроить несколько других значений height
и top
.
Вы также можете переделать HTML и CSS, чтобы вам не нужно было абсолютно все позиционировать. Простое расположение трех <div>
друг над другом даст вам одинаковую компоновку, будучи менее хрупким; затем некоторые обертки <div>
s и настройки полей для центрирования по горизонтали и смещения от верхней части страницы.