Safari div没有正常溢出

Question

我正在尝试使用一个侧边栏和内容区域创建一个简单的页面，例如

    <div id="mainWrapper">
        <!-- Sidebar -->
        <div id="sidebar">
            <p>Sidebar</p>
            <p>Sidebar</p>
            <p>Sidebar</p>
            <p>Sidebar</p>
            <p>Sidebar</p>
        </div>
        <!-- Content -->
        <div id="content">
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
            <p>Content</p>
        </div>
    </div>

使用此样式表

#mainWrapper {
background: #F6F7F9;
overflow: hidden;
border: 1px solid #D6D8D8;
}

#sidebar {
    float: left;
    width: 180px;
}

#content {
    background: #FFFFFF;
    border-left: 1px solid #D6D8D8;
    padding: 5px;
    margin-left: 181px;
    overflow: hidden;
}

但由于某种原因，内容区域在Safari浏览器上没有正常溢出，在右侧留下了很大的余量。

Answer 1

从margin-left: 181px;删除#content。

<强> jsFiddle example