title: CSS fixed background has white line on the left
body: <p>I tried to put a background on my whole page with</p>
  
  <pre><code>html {
      background: url(images/panda.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }
  </code></pre>
  
  <p>This generally works just fine, but I have discovered a problem: On the left-hand side of the screen is a white stripe. Is it possible to fix that?</p>
  
  <p>PS: Just in advance: No, that stripe is not on the picture. You can get an impression of how it looks:</p>
  
  <p><img src="https://i.stack.imgur.com/ZLhWH.png" alt="enter image description here"></p>
  
  <p>EDIT: <a href="http://jsfiddle.net/uhwcW/" rel="nofollow noreferrer">http://jsfiddle.net/uhwcW/</a>
  When zooming in/out the white stripe sometimes disappears or switches sides... Confusing.</p>