title: Have background-image "stretch to fit" the background of my page
body: <p>I have an image I would like to use as a background image but I need the height of it to stretch to fit 100% from header to footer, and then I can drop a background-color:black; behind it to make it perfect.</p>
  
  <p>Is there any way to do this? Currently I am trying to use this CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>#wrapper .bg{
      background: url(../images/sky.png) no-repeat; 
      position:absolute; 
      top:0;
      left:0;
      width:100%; 
      height:100%;
      display:block;
      z-index:-1;
  }
  </code></pre>
  
  <p>This ends up leaving some space between the image and the footer, the same amount I am guessing as if the image wasn't there.</p>