Chrome / Safari / WebKit（以及IE？）：溢出未受到尊重

Question

当有人点击“家长教育”上的菜单查看该页面（但不是FireFox）时，有人可以告诉我为什么http://preview.endlesscircle.org/的菜单仅在WebKit和Trident（IE）中水平扩展约5px？ / p>

（奇怪的是，在Chrome中，当您在与网页相同的窗口中打开“开发者工具”窗口时 - 以面板形式打开，问题就会消失。）

这是WebKit中菜单宽度扩展的唯一页面，在IE中，它扩展了该页面和“社区参与”。

#body的CSS是：

#body
{
    margin-top:208px;
    position:absolute;
    width:925px;
    padding:0 20px 0 20px;
    overflow:hidden;
    overflow-y:visible;
}

如何在WebKit和IE中隐藏水平溢出？对于我的生活，我只是想不出这个！

Answer 1

在parent-education.css中，你正在重申身体的宽度：

body 
{
    width:933px;
}

拿出来，Webkit现在应该可以正常工作了。我无法在IE7中测试。