title: jquery mobile listview space between items / how to remove listview border
body: <p>I want to put a space between listitems of a listview in jquery mobile. To do this i put a margin to each list item. So far this works fine but there is a border on the left and right side of the listview which one can especially see in the gaps. For example i have this jsfiddle: <a href="http://jsfiddle.net/2BhAd/3/" rel="nofollow">http://jsfiddle.net/2BhAd/3/</a> . 
  I tried to solve the problem by setting the border of the listview to none but that does not work.
  CSS:</p>
  
  <pre><code>.listitem {
     margin-top: 10px !important;
  }
  #list {
     border:none !important;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul id="list" data-role="listview" data-theme="b" data-inset="true"&gt;
     &lt;li class="listitem"&gt;&lt;a href="#"&gt;
          &lt;img src="http://placehold.it/100x100"&gt;
          &lt;h2&gt;Broken Bells&lt;/h2&gt;
          &lt;p&gt;Broken Bells&lt;/p&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;!-- ... --&gt;
  &lt;/ul&gt;
  </code></pre>