Layout, position:relative creates empty space

Question

css

The code is here
The issue is that for some reason there is a lot of empty space under the main block (#page), it seems to be due to position:relative in the left menu.

How to deal with it?

Answer 1

try this:
#menu {
float: left;
height: 300px;
margin-left: -160px;
width: 160px
}
#page {
border: 2px solid #404241;
padding: 8px 16px;
top: -300px;
width: 600px
}

Answer 2

Duck position:relative shifts only the image of the block. For all external elements, #page is still below the menu. He expands the page.