Jquery Mobile重叠listview错误？

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 demo

我希望这不是jQuery Mobile的错误。

Thanx提前为您提供帮助。