title: Background image doesn't fit browser when resized
body: <p>I can't seem to get my background to stay fitted to my browser when I resize the window. Please help!
  Here are the images to show you what is going on: <a href="http://imgur.com/a/UjWEW" rel="nofollow" title="click here">View images</a>
  The first image is how it should be fitted, the second is when I stretch it horizontally and the third is when I stretch is vertically (sorry, not sure why it uploaded my images twice)</p>
  
  <p>Here is my code I am using:</p>
  
  <pre><code>body {
      background: url('images/bkg-img.png');
      repeat: no-repeat;
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
  }
  </code></pre>