css - position:relative leaves an empty space

Question

Code is here: http://lasers.org.ru/vs/example.html

How to remove an empty space under main block (#page)?

Answer 1

Another trick which worked fine for me is to use a negative margin-bottom in the relative element that you have moved. No need to go with absolute positioning.

Something like:

position: relative;
left: 100px
top: -200px;
margin-bottom: -200px;

Similar (if not identical) to the solution I see now, from green.