title: CSS using negative relative positioning issue
body: <p>I have a header, mainbody and footer. Header and mainbody are properly styled. Now for footer I want to make it appear behind mainbody, so I used:</p>
  
  <pre><code>z-index: -1;
  position: relative;
  top: -60px;
  </code></pre>
  
  <p>This gives the desired result, but I get an extra space of 60px at the bottom.</p>
  
  <p>How do I clear this extra space?</p>