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

Question

我似乎无法获得子菜单将出现在该网站，我建：http://website-test-lab.com/sites/mirandaparsons/

如果您使用的开发工具/ Firebug的，检查.SUB菜单为display：block ;那么你可以看到子菜单确实出现，但并不明显。我已经尝试将z-index添加到几个菜单区域，但没有运气。 奇怪的是，它确实显示在Windows上的FF正确？！

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

任何帮助将不胜感激。

感谢

Answer 1

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

.navigation .nav { 
    position:relative; 
} 

PS：曾参与开发的Firefox 33的Mac

Answer 2

你需要把它添加到您的CSS：

.navigation .nav { 
    position: relative; 
} 

这properbly是有益阅读：http://www.w3schools.com/css/css_positioning.asp

Answer 3

这个CSS添加到您的样式表

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