title: background image not showing in full size on mobile
body: <p>I use this code to show image background:</p>
  
  <pre><code>body {
      background:url('images/bg.jpg')no-repeat center center fixed;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      overflow-x: hidden; 
  }
  </code></pre>
  
  <p>works good on desktop computer but when I look at the site in mobile (iPhone for ex) the image not reach the bottom of the screen and there is a white space after it.</p>
  
  <p><em>my image file size is: 1280X1007</em></p>
  
  <p>How can I fix that?</p>