底部固定下拉菜单滚动浏览Mobile Safari上的页面

Question

我想将一个下拉菜单固定在我的页面底部。它适用于Chrome Mobile，但如果我打开下拉列表，Safari iOS 7会滚动到页面的末尾。

的CSS：

div {
    position: fixed;
    bottom: 0;
}   

HTML：

<div>
    <select name="sizes" size="1" id="select">
        <option value="1">Size: 1</option>
        <option value="2">Size: 2</option>
        <option value="3">Size: 3</option>
    </select>
</div>

有什么建议吗？

提前致谢！