title: background-size leaves a one pixel line to the right of my browser
body: <p>I'm using:</p>
  
  <pre><code>body {
    background:url('../img/wide.jpg') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 10%;
    color: #fff;
  }
  </code></pre>
  
  <p>However, there's a small <code>1px</code> line on the right side of the browser that I can't seem to cover. I tested my site locally on Opera, FF Dev and Chrome - all with the same issue.</p>
  
  <p>Am I missing something?</p>
  
  <ul>
  <li>Here's what the right side looks like (bad): <a href="http://i.imgur.com/IO2oJkj.png" rel="nofollow">http://i.imgur.com/IO2oJkj.png</a></li>
  <li>Here's what the left side looks like (good): <a href="http://i.imgur.com/54EFfgI.png" rel="nofollow">http://i.imgur.com/54EFfgI.png</a></li>
  </ul>