Css 下拉菜单不显示，溢出可见

当溢出设置为可见时，我很困惑为什么我的子菜单没有显示在它的容器外

如果有人能指出显而易见的问题，我们将不胜感激

#mainMenu {
margin:50px 0 0;
overflow:visible;
}

#nav_menu-6 {
float:left;
overflow:visible;
height:100px;
}

#nav_menu-7 {
float:right;
}

#mainMenu ul {
list-style-type:none;
}

#mainMenu ul > li {
float:left;
position:relative;
}

#mainMenu ul > li {
float:left;
margin:0;
padding:0;
font-family: 'Roboto Condensed', sans-serif;
font-size:14px;
line-height:14px;
font-weight:400;
text-transform:uppercase;
color:#676868;
position:relative;
}

#mainMenu ul > li:hover {
color:#fff;
background-color:#004a98;
}

#mainMenu ul > li a {
display:block;
padding:10px 15px;
font-family: 'Roboto Condensed', sans-serif;
font-size:14px;
line-height:14px;
font-weight:400;
text-transform:uppercase;
color:#676868;
}

#mainMenu ul > li a:hover {
color:#fff;
text-decoration:none;
}

#mainMenu ul li ul.sub-menu {
position:absolute;
z-index:99999;
top:34px; left:0;
}

---

我的容器缺少一个固定的高度，我已经将溢出设置为可见。

哇……太多了

！重要的

语句…这是一个更大问题的迹象。好的，我已经删除了重要的语句。当事情不按预期运行时，尝试排除Wordpress样式冲突是我的一个坏习惯。我已经在容器中添加了100px的高度，这样至少部分菜单是可见的，据我所知，这证实了我在正确的容器中添加了可见溢出。Doh！刚刚注意到这个问题。。。可滚动标题！