Firefox不计算具有负边距的元素的高度（对于溢出）

Question

当存在负的垂直边距时，Firefox在确定元素是否溢出容器时没有正确地将其考虑到高度考虑因素中。

这是一个JSFiddle来演示：http://jsfiddle.net/brentonstrine/rdo8qrj2/

html：

<div class="parent">
    <div class="child">I have border-bottom:500px, and margin-bottom:-500px</div>  
</div>

的CSS：

.parent {
    height: 100px;
    overflow: auto;
}
.child {
    box-sizing: border-box;
    border-bottom: solid 500px red;
    margin-bottom: -500px;
}

Chrome正确地从子元素的高度中减去，并且不会滚动。 Firefox会滚动。是否有修复或解决方法？