CSS悬停菜单定位问题

Question

我正在为我的网站构建一个CSS悬停菜单：http://test.fairfood.org。

我似乎无法弄清楚如何定位每个嵌套的ul显示在它的父李下面。他们都出现在同一个地方。 即使嵌套的ul具有绝对位置和高z指数，子菜单也会消失在卡鲁塞尔后面。

我在这里忽略了什么？

Answer 1

我建议从UL li元素剥离所有的风格，只是称他们是这样的：

http://jsfiddle.net/MmsVS/

这是我用我自己的菜单样式。