title: How to make background image scale to 100% of height and width even if screen size is not big enough
body: <p>Im trying to make my bodys background image to scale to the full resolution even if the window is pinned to the left of my screen on windows, it is 1080p picture, heres an example of what i mean.</p>
  
  <p>full window size</p>
  
  <p><a href="http://gyazo.com/4c2ffe00930d09cec27404ecccdeec18" rel="nofollow">http://gyazo.com/4c2ffe00930d09cec27404ecccdeec18</a></p>
  
  <p>scaled window size</p>
  
  <p><a href="http://gyazo.com/d5afdbdf43ef1a06ab1d52df6ce956b7" rel="nofollow">http://gyazo.com/d5afdbdf43ef1a06ab1d52df6ce956b7</a></p>
  
  <p>heres my bodys css</p>
  
  <pre><code>body {
      margin: 0px;
      padding: 0px;
      background: url('Images/background.png') #A98436 no-repeat left top;
      background-size: 100%;
      font-family: 'ubuntu', 'Open Sans', sans-serif;
      overflow-x: hidden;
      overflow-y: hidden;
  }
  </code></pre>