title: Stop background image from going behind header/footer
body: <p>I have a webpage that has a header and a footer. The background image goes behind both of them cutting about 1/4th the top of the image off behind the header and another 1/4th off behind the footer. Here is my CSS for my background image.</p>
  
  <pre><code>background-image: url('http://codegamer.net/images/majestic/patterns/lol2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  </code></pre>
  
  <p>I just want the image to start under the header and end before the footer so I can see the full image.</p>