下拉菜单不显示溢出可见

Question

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

http://foc.devrap.co.uk/

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

#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;
}

Answer 1

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