Javascript Firefox盒大小+；扩展div=缺少填充？

我一直在试图解决这个问题，我有一个扩展的div（随着时间的推移，内容被添加），使用

框大小调整

和

填充

。上述案例在ie和Chrome上运行良好，但在Firefox（33.0.2）上表现怪异

这里是链接

继续按按钮。该按钮将通过以下方式将您发送至页面末尾：

$("#button").click(function(){
    $("#container").scrollTop(99999999999999999);
});

页面填充完毕，出现滚动条后，您将看到，出于osme原因，填充底部将不会出现在页面中-仅在firefox上！在Chrome和IE上，它可以正常工作

看起来Firefox在这里做了一些错误的计算？或者int根本不计算扩展/动态内容的填充？我漏掉了一点吗

我正在寻找快速修复方法。

$（“#按钮”）。单击(
功能（事件）{
event.preventDefault（）；
var newdiv=$（“”）；
text（“这里有一些虚拟内容”）；
$（'#content'）。追加（newdiv）；
//$（'容器'）.prop（'滚动高度'）；
var sh=parseInt（$（“#内容”）[0]。滚动高度）；
//$（'body，html'）.animate（{scrollTop:sh}，1000）；
$（窗口）.scrollTop（sh）；
//返回错误
}
);
正文{
文本对齐：居中；
保证金：0；
背景颜色：浅灰色；
宽度：100%；
身高：100%；
}
#容器{
背景：浅粉色无重复滚动0；
利润率：5%；
宽度：90%；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
#钮扣{
填充：16px；
背景色：白色；
光标：指针；
}
#内容部{
背景色：#eee；
边缘底部：8px；
填充：16px；
}

按我
为什么车身
位置：固定？这一点重要吗？移除线路不会改变任何事情，只是。。。不寻常，对实际问题有什么想法吗？