title: CSS background cover
body: <p>I have a full screen background accomplished perfectly in CSS using:</p>
  
  <pre><code>body {
    background-image: url('../images/backgrounds/&lt;image&gt;.jpg');
    background-size: cover;
    float:left;
    overflow: hidden
    }
  </code></pre>
  
  <p>Although when looking at this on mobile, iOs &amp; IE Windows Mobile, the background is tiled instead of full screen.  I get I may need to have a different CSS file for the mobile OSs out there but am unsure of what exactly the problem is, how do I full screen an image for mobile?</p>