title: Phonegap jQuery Mobile Background CSS issue - 1px at the bottom of the screen
body: <p>I am having an issue with my background image. In the attached image you can see a 1px line at the bottom of the screen where the background has repeated. I want the background to fill the entire screen.</p>
  
  <p>My CSS:</p>
  
  <pre><code>body {
      background: url(../img/bg-large.png) top center !important;
      background-attachment: fixed;
      background-size: auto 100% !important;
      overflow: hidden;
      text-shadow: none;
      padding: 0;
      font-family: 'Open Sans Condensed';
      width: 100%;
      font-size: 100%;
  }
  </code></pre>
  
  <p>It does not seem to matter what resolution I view it on, the line is still there. Any suggestions on how to fix this?
  <img src="https://i.stack.imgur.com/p9w7o.jpg" alt="Background"></p>