jquery-mobile - Jquery Mobile オーバーラップ リストビュー バグ?

Question

リストビューの後の要素がリストビューと重ならないようにタグを正しく記述する方法は?

コードスニペット：

<div data-role="content">
    This test is wrongly hidden            
    <div>
        <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>
    </div>

    <button>Why is this button overlapping the listview above?</button>        
</div> 

JsFiddle のデモ

これが jQuery Mobile のバグでないことを願っています。

助けてくれてありがとう。