如何让菜单重叠一切？

Question

当我将鼠标悬停在提供子页面的页面名称上时，我正在尝试创建一个向下垂直的垂直导航。当我将鼠标悬停在它旁边时，它会出现在它旁边，但内容会显示在它上面。我希望我的导航能够掌控一切。我尝试使用z-index。我为我的z-index使用了32,999,1000,10000。我尝试将我的菜单从位置切换到绝对位置：相对但它只是添加了不需要的空间。我尝试将我的内容设置为position：z-index的绝对值，低于导航中的z-index。链接在这里： http://michellecantin.ca/test/

您的帮助将不胜感激！

Answer 1

容器的相对位置是问题所在。把它漂浮到右边：

#container {
   position: relative;
   left: 26%;
   width: 72%;
}

应该是：

#container {
   float:right;
   width: 72%;
}