jQueryMobile listview test

Not overlapping

by arvinboggs

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css">
<style>
    .ui-content .ui-listview
    {
        margin-top: 5px;
        margin-bottom: 5px;
    }
</style>

<div data-role="page" id="page1">
    <div data-role="header">
        <h1>Listview Correction?</h1>
    </div>
    <div data-role="content">
        This text is not hidden anymore
        <ul data-role="listview">
            <li><a href="acura.html">Acura</a></li>
            <li><a href="audi.html">Audi</a></li>
            <li><a href="bmw.html">BMW</a></li>
        </ul>
            <button>This button is not overlapping the listview above</button>    
    </div> 
</div>