title: CSS background-image not loading in some pages
body: <p>My background image only appears in one page and not in the other page. I'm using the same CSS code for both, but only one seems to be working.</p>
  
  <p>Here's my CSS:</p>
  
  <pre><code>body {
     padding-top: 40px;
     padding-bottom: 40px;
     background-image: url('img/background.jpg'); 
     background-size: cover;
  }
  </code></pre>
  
  <p>Screenshots of the pages:</p>
  
  <p><a href="http://i.stack.imgur.com/gtsPP.jpg" rel="nofollow">background image loaded</a></p>
  
  <p><a href="http://i.stack.imgur.com/w84FB.jpg" rel="nofollow">the background image not working for this page</a></p>