title: jquery mobile listview creating space between each item
body: <p>I can't seem to remove the small space in between each list item. The list is much longer than what I am posting here, but I don't think that has anything to do with the issue.</p>
  
  <p>I have attempted to correct it by reformatting the list several times, but to no avail. I have also referenced the jquery mobile website and still cannot locate the answer.</p>
  
  <p>My Code: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1," /&gt;
  &lt;!-- Website Title --&gt;
  &lt;title&gt;Test
  &lt;/title&gt;
  
  &lt;!-- Jquery Mobile Theme / Jquery Scripts --&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt; 
  
  &lt;!-- Color of Background --&gt;
  &lt;body style="background:#6e6e6e"&gt;
  
  &lt;!-- Start of Name page --&gt;
  &lt;div data-role="page" id="name"&gt;
  
  &lt;div data-role="header" data-theme="b"&gt;
      &lt;h1&gt;Test&lt;/h1&gt;
  &lt;/div&gt;&lt;!-- /header --&gt;
  
  &lt;div data-role="content"&gt;   
  &lt;p&gt;
    &lt;ul data-role="listview" data-filter="true" data-filter-placeholder="Test..." data-inset="true" data-autodividers="true"&gt;
      &lt;li&gt;&lt;a href="#link2"&gt;Hello&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#link3"&gt;There&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#link4"&gt;World&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#link5"&gt;World2&lt;/a&gt;&lt;/li&gt;
  &lt;/p&gt;
  &lt;/div&gt;&lt;!-- /content --&gt;
  
  &lt;div data-role="footer" data-position="fixed" data-theme="b"&gt;
      &lt;h4&gt;© 2013 ChurchySearch&lt;/h4&gt;
  &lt;/div&gt;&lt;!-- /footer --&gt;
  &lt;/div&gt;&lt;!-- /Name page --&gt;
  </code></pre>
  
  <p>It keeps coming out looking like this: <a href="http://www.jesseandamanda.com/screenshot.png" rel="nofollow">http://www.jesseandamanda.com/screenshot.png</a></p>
  
  <p>Suggestions?</p>