title: Background image doesn't cover entire screen
body: <p>I have a background image of size 1620*1080, and my screen resolution is 1366*768. How is possible that it doesn't cover about 15% of my screen (the right part)?</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;style type="text/css"&gt;
  body { 
      min-height: 100%;
      min-width: 100%;
      background-image:url(background.png);
      background-repeat: no-repeat;
  }
  
  div#container {
      margin: 0 auto;
      background-color: red;
  
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;div id="container"&gt;
  
  &lt;/div&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>As you can see I've added </p>
  
  <pre><code>min-height: 100%;
  min-width: 100%;
  </code></pre>
  
  <p>thought maybe it would help. And <code>background-repeat: no-repeat;</code> is only there because it doesn't cover the screen.</p>
  
  <p>Any ideas? Thanks!</p>