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 错误。

提前感谢您的帮助。