Jquery Mobile ListView中显示了错误的滚动条

我只是用谷歌图表创建了一个简单的列表，上面有一个按钮和一个图表，但它正在发生

它会在listview的右侧创建一个小滚动条

这是我的代码：

<ul data-role="listview" class="ui-nodisc-icon ui-alt-icon" data-divider-theme="c" style="margin-top: 20px;" >
<li >
    <a href="#" class="ui-btn ui-mini ui-btn-c ui-icon-arrow-r ui-btn-icon-right" onclick="window.location.href='meta_grafico_empresa.xhtml?cd_meta=11';" style="text-align: center;" >Geral</a>
    <a href="#" >
        <div id="chart_div" style="height: 380px; width: 100%;"></div>
    </a>
</li>

---

从图像中很难判断哪个DOM元素实际获得了滚动条。您能在JSFIDLE中实现这一点吗？或者告诉我们哪个DOM元素溢出，哪个CSS处于活动状态？