具有溢出自动最后一个孩子的边缘的Div正在IE中隐藏

Question

我有一个带有overflow：auto的父div容器。这个div有两个子节点，由第三方JS库动态填充ul元素。我尽可能地删除了生成的代码。

我遇到的问题是仅在IE中（10+，不确定其他版本）最后一个孩子UL的边距底部被推出父div的视图。

有问题的UL：

        <ul class="pagination">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>...</li>
        </ul>

用于UL的css

.pagination {
    overflow: hidden;
    padding: 0;
    margin: 0 0 .5% .5%;
    bottom: 0;
    float: left;
    width: 70%;
}

    .pagination > li {
        float: left;
        display: block;
        margin-right: 1%;
        padding: 0 1% 0 1%;
        background-color: #bbdefb;
    }

jsfiddle：https://jsfiddle.net/o3exrn5s/