CSS菜单子菜单无法正常工作

Question

我似乎无法在我建立的网站上显示子菜单：http://website-test-lab.com/sites/mirandaparsons/

如果你使用Dev tools / Firebug，并检查.sub-menu来显示：block;那么你可以看到子菜单确实出现了，但不是很明显。我已经尝试将z-index添加到几个菜单区域而没有运气。 奇怪的是，它确实在Windows上的FF中正确显示？！

我还没有在这里粘贴代码，因为复制和粘贴会有很多。

非常感谢任何帮助。

由于

Answer 1

您需要将其添加到CSS：

.navigation .nav {
     position: relative; 
}

这对于阅读：http://www.w3schools.com/css/css_positioning.asp

非常有用

Answer 2

我认为您需要的是background-color到.sub-menu和相对于.nav的位置我只是尝试设置它，您可以很好地看到子菜单：

.navigation .nav {
    position:relative;
}

PS：使用firefox 33 Mac

Answer 3

将此css添加到样式表

#site-navigation.main-navigation{
position:relative;
}