CSS懸停菜單定位問題

Question

我正在爲我的網站構建一個CSS懸停菜單：http://test.fairfood.org。

我似乎無法弄清楚如何定位每個嵌套的ul顯示在它的父李下面。他們都出現在同一個地方。 即使嵌套的ul具有絕對位置和高z指數，子菜單也會消失在卡魯塞爾後面。

我在這裏忽略了什麼？

Answer 1

我建議從UL li元素剝離所有的風格，只是稱他們是這樣的：

http://jsfiddle.net/MmsVS/

這是我用我自己的菜單樣式。