title: CSS to push content down page
body: <p>On a web page I'm working on I have a fixed #top section containing the nav which is causing the content below to partially hide behind it.</p>
  
  <p>The page is this: <a href="http://s361608839.websitehome.co.uk/pt-build/templatebuild/">http://s361608839.websitehome.co.uk/pt-build/templatebuild/</a></p>
  
  <p>I've tried adding margin-top to #slider and margin-bottom to #top to try and push each other apart but none of those have worked.</p>
  
  <p>Any ideas? </p>