title: JQuery Mobile - Link within ListViewContent
body: <p>I'm trying to show some user info in a listview in jquery mobile. I'm also using .NET MVC 3</p>
  
  <p>So in my view I have the following:</p>
  
  <pre><code>&lt;ul class="ui-listview" data-role="listview"&gt;
   &lt;li&gt;
       &lt;a href="@Url.Action("REMOVED FOR BREVITY")"&gt;
            &lt;h3 class="ui-li-heading"&gt;@entry.DisplayName&lt;/h3&gt;
            &lt;p class="ui-li-desc"&gt;@entry.JobTitle&lt;/p&gt;
            &lt;p class="ui-li-desc"&gt;
               &lt;a href="mailto:@entry.EmailAddress"&gt;@entry.EmailAddress&lt;/a&gt;
            &lt;/p&gt;
       &lt;/a&gt;
   &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>All of the formatting is correct except for the mailto link.   </p>
  
  <p>It has the following problems</p>
  
  <ul>
  <li>Link is pushed all the way to the bottom-left corner of the listview item.</li>
  <li>It introduces a gap between the list view items that is not there when the link is removed.</li>
  </ul>
  
  <p>I've looked at the results in firebug and I found that the resulting html sticks the inner  tag <em>outside</em> of the parent.</p>
  
  <p>So in other words the resulting HTML looks like this:</p>
  
  <pre><code>&lt;a class="ui-link-inherit" href="REMOVED FOR BREVITY"&gt;
     &lt;h3 class="ui-li-heading"&gt;Display Name&lt;/h3&gt;
     &lt;p class="ui-li-desc"&gt;JOB TITLE&lt;/p&gt;
  &lt;/a&gt; 
  &lt;p class="ui-li-desc"&gt;
     &lt;a class="ui-link" href="mailto:EMAILADDRESS"&gt;EMAIL ADDRESS&lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>When I expected it to look like this:</p>
  
  <pre><code>&lt;a class="ui-link-inherit" href="REMOVED FOR BREVITY"&gt;
     &lt;h3 class="ui-li-heading"&gt;Display Name&lt;/h3&gt;
     &lt;p class="ui-li-desc"&gt;JOB TITLE &lt;/p&gt;
     &lt;p class="ui-li-desc"&gt;
        &lt;a class="ui-link" href="mailto:EMAILADDRESS"&gt;EMAIL ADDRESS&lt;/a&gt;
     &lt;/p&gt;
  &lt;/a&gt; 
  </code></pre>
  
  <p>Is this the browser's doing, or something I can workaround in JQuery Mobile?</p>