出现在内容区域后面的子菜单项

Question

我正在尝试创建一个网站。我创建了一个垂直下拉菜单但是当我将鼠标悬停在菜单上时，子项目没有完美显示 - 子菜单似乎位于我的内容区域后面（请查看下面的图像）。

但如果删除内容，则菜单会正确显示。它看起来如下：

我已粘贴http://jsfiddle.net/SxWbD/2/中的所有代码。

请你告诉我我做错了什么？

提前致谢：）

Answer 1

只需给你的#sidebar - z-index：10;

http://jsfiddle.net/SxWbD/3/