Css 子菜单在导航菜单中被切断

我的导航菜单中的子菜单被切断。我知道这与溢出有关：navbar id中css的隐藏行，但是如果我删除它，pagecontainer会神奇地得到一些主要的填充

这是我的密码：

<div id="pagecontainer">
<div id="header">
    <div id="navmenu">
        <div id="navbar">
            <ul>
                <li><a href="#">Home</a></li>
                <li class="doctool"><a href="#">Docs and Tools</a>
                    <ul>
                        <li><a href="#">test</a></li>
                        <li><a href="#">test</a></li>
                        <li><a href="#">test</a></li>
                    </ul></li>
                <li class="spacer"></li>
                <li><a href="#">Contacts</a></li>
                <li class="last"><a href="#">OnCore</a></li>
                </ul>
         </div>
    </div>  
<!-- Close Header --></div>
<div class="container">
  <div id="Footer"></div>

---

我在正确放置css时遇到问题，因此这里是指向我的链接，

删除

溢出：隐藏来自
#导航菜单

然后，使用填充代替
#navmenu
的边距：

#navbar{
  padding-top:132px;
  width:700px;
  height:40px;
  padding-left:140px;
} 

更新小提琴：

我认为，这与利润率彼此崩溃和母公司下滑有关。如果我错了，请有人纠正我

如果你感兴趣的话，这里有一些关于利润下降的文档

希望这有帮助
 我不确定这将如何影响页面的布局，但如果增加#navmenu的高度，则子菜单将不再被截断


代码调整：

#navmenu {
  margin: auto;
  overflow: hidden;
  padding: 0;
  width: 980px;
  background-image:url('https://dl.dropboxusercontent.com/u/3876653/header.png');
  background-repeat: no-repeat;
  background-position: center top;
  height:300px; /*Edit this value to allow room for sub menu items*/
}

如果导航栏正下方有被按下的元素，则您可能需要相应地调整这些元素。
我没有想到这一点，但看起来是这样的。谢谢，我没有想到这一点。我通常不使用图像制作导航，我想我在想调整高度会影响我的酒吧高度，但显然不会，因为这是一幅图像。我会检查它对布局的影响。谢谢