Верстка, position:relative создает пустое место

Question

[Kir Shatrov]

Код здесь
Вопрос в том, что под главным блоком (#page) почему-то остается много пустого места, кажется это из-за position:relative в левого меню.

Как с этим бороться?

Answer 1

[Desiderata]

попробуйте сделать так:
#menu {
float: left;
height: 300px;
margin-left: -160px;
width: 160px;
}

#page {
border: 2px solid #404241;
padding: 8px 16px;
top: -300px;
width: 600px;
}

Comments

[Desiderata]

пустое место возникает из-за
#page {
top: -300px;
}

[Kir Shatrov]

О, спасибо!

[Desiderata]

извиняюсь, в моём пример забыл убрать «top: -300px;».

Answer 2

[homm]

Дак position:relative сдвигает только изображение блока. Для всех внешних элементов #page до сих пор находится под меню. Он и раздвигает страницу.