css - 下拉菜单未显示且溢出可见

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

我的容器上缺少固定高度，我将其设置为可见。