title: CSS margin / padding not working
body: <p>I am trying to figure out how to push my footer further down on a lower resolution screen. 
  Currently the form I have on the page overlaps into the footer on a 1024x768 resolution screen, on a larger screen this is not a problem as there is plenty of space.</p>
  
  <p><a href="http://verifiedfeedback.com/b2b/company/register" rel="nofollow"><strong>page</strong></a></p>
  
  <p>I'm baffled by this and have tried a few solutions all to no avail :</p>
  
  <ul>
  <li>used padding top in the footer div</li>
  <li>used margin top in the footer div</li>
  <li>used <code>&lt;br /&gt;</code> tags to make breaks</li>
  <li>made a div <code>&lt;div style="height:100px;width:100%;margin-top:50px;margin-bottom:50px;"&gt;</code></li>
  </ul>
  
  <p>all of these only had an affect, where the affect is actually below the footer
  I need the affect to be above the footer.</p>