title: How do I keep a fixed background image size even if the page is zoomed in or out?
body: <p>I have an image that I want to set as my background with dimensions 1x700.  </p>
  
  <p>It is a gradient sort of image so I need it to <code>repeat-x</code>.  </p>
  
  <p>The main problem I am having is that the image is not filling the entire page.  It is, however, remaining fixed.  Specifically when I scroll out I can see that the image is not filling the entire page.  </p>
  
  <p>The code I have works in firefox and chrome, but not in IE9.  I am also applying this skin to dotnetnuke if that makes any difference.  </p>
  
  <p>Here is my code:</p>
  
  <pre><code>body 
  {   
      background-image: url('images/bg.jpg');
      background-attachment: fixed;
      background-repeat: repeat-x;
      background-size: contain;
      -moz-background-size: contain;
  }
  </code></pre>