title: CSS3 Full Page Background Image shows below body
body: <p>I'm trying to setup a full page background image using the following in the css file</p>
  
  <pre><code>html { 
      background: url(images/background.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }
  </code></pre>
  
  <p>Although it does appear nicely, it appears only below of anything appearing in the main body (e.g. footer)</p>
  
  <p>Any help would be appreciated
  Regards, loaannis</p>