CSS с помощью отрицательной относительной проблемы расположения

У меня есть заголовок, mainbody и нижний колонтитул. Заголовок и mainbody правильно разрабатываются. Теперь для нижнего колонтитула я хочу заставить его появиться позади mainbody, таким образом, я использовал:

z-index: -1;
position: relative;
top: -60px;

Это дает желаемый результат, но я получаю дополнительное пространство 60 пкс внизу.

Как я освобождаю это дополнительное место?