wordpress子元素负边距底部不适用

Question

我基本上理解CSS边距使用负值的边距来从父容器中折叠和溢出子容器。当我在jsfiddle中尝试示例代码时，它可以工作。但问题在于我的wordpress主题。

#header_margin {
    padding: 20px;
}

.header-container {
    margin-left: 34%;
}

#access {
    float: none;
    background: #fff;
    margin: 20px -20px -20px -20px;
}

父容器是#header_margin，＃access是子容器。左右边距工作正常。但是底部边缘不起作用。

<div id="header_margin">
    <div class="header-container group">
        <hgroup id="header-title">
            <h1 id="site-title">
                <a href="http://localhost:8083/wp_test/" title="My Web Site" rel="home">My Web Site</a>
            </h1>
            <h2 id="site-description">Just another WordPress site</h2>
        </hgroup>
        <nav id="access" class="group" role="navigation">
            <h1 class="assistive-text section-heading">Main menu</h1>
            <div class="skip-link screen-reader-text">
            <div class="menu-main_menu-container">
        </nav>
    </div>
</div>

我希望导航（#access）覆盖蓝色背景（#header_margin）。我认为问题是应用于其中一个容器的另一个CSS规则。但除了上面提到的那两个之外，找不到任何其他创建填充或边距的CSS规则。