title: jquery mobile background scrolls with listview
body: <p>I have a listview like so - </p>
  
  <pre><code>&lt;ul id="mylist" data-role="listview"  data-inset="true" &gt; &lt;/ul&gt;
  </code></pre>
  
  <p>I also have a background image set to the page id like this - </p>
  
  <pre><code>#spots {
      background: transparent url('images/background.png') no-repeat; 
      background-position:center center !important;
      background-size:cover;  
  }
  </code></pre>
  
  <p>When I populate the listview with 20+ rows the background becomes distorted and enlarged, also when I scroll down the background stays at the top.</p>
  
  <p>is there any way to make the background completely static and stay its set dimensions and also make it so just the listview scrolls?</p>