Z-index: كيفية جعل العناصر المتداخلة تظهر أسفل العنصر الرئيسي

هذا الكمان يجب أن يوضح المشكلة:

http://jsfiddle.net/5sqxQ/2/

أريد أن القائمة الفرعية تظهر أسفل القائمة الرئيسية. كنت بعد ذلك أتطلع إلى توسيع هذا باستخدام JavaScript لتحريك القائمة من أسفل فوق تحويم عنصر li الأصل.

لم أكن قلقًا بشأن JavaScript ولكن لا يمكنني معرفة كيفية تصميم العناصر لتحقيق الطبقات المطلوبة.