margin will not be hidden when overflow is hidden or scroll

[tigercosmos]

margin will not be hide when overflow is hidden or scroll

<style>
    #scroller1 {
        height: 80px;
        width: 80px;
        overflow: hidden;
        background: red;
    }
    #container1 {
        background: green;
        margin-bottom: 200px;
        width: 300px;
        height: 300px;
    }

    #box {
        height: 80px;
        width: 80px;
        background: red;
    }
</style>
<div id="scroller1">
    <div id="container1"></div>
</div>
<div id="box">
</div>

Firefox:

Servo:

related to #19280