弹框内容不能滑动

我们项目使用的是mui框架，我做了一个弹框，用的是popover，现在就是要在弹框中出现页面（页面是上面和底部都是固定的，中间的内容可以滚动），然而我这里中间内容却滚不了（在电脑上可以通过滚轮滑动）

<div id="alertBox" class="mui-popover mui-popover-action mui-popover-bottom">
<ul class="mui-table-view">
<li class="mui-table-view-cell" style="display: block; height: 250px;">
<header style="height: 30px; text-align: center; position: fixed; top: 5px;">
标题
</header>
<div style="margin-top: 20px; height: 203px;overflow: auto">
内容内容内容内容内容内容内容内容内容内容内
内容内容内容内容内容内容内容内容内容内容内
内容内容内容内容内容内容内容内容内容内容内
内容内容内容内容内容内容内容内容内容内容内
内容内容内容内容内容内容内容内容内容内容内
内容内容内容内容内容内容内容内容内容内容内
内容内容内容内容内容内容内容内容内容内容内
</div>
<footer style="position: fixed; bottom: 50px">底部</footer>
</li>
<li class="mui-table-view-cell lastLi" style="display: block;">
<a style="color: #007aff">内容</a>
</li>
</ul>
</div>
这是我写的样式。麻烦大神给说下。