Hey guys I've created a superfish (JQuery) dropdown, everything is working good except for the fact that when viewed in Internet Explorer 6 and 7 the drop down menu is displayed undearneath the content.

The content is placed inside a container div, with a relative position, and the contents itself placed in a div with an absolute position.

I've tried playing around with the z-index on various elements, but have been unsuccessful.

You can view the website here: http://www.awaismuzaffar.com/test/home.html

Place the mouse over the 'Menu' link, and observe the drop down issue in IE6 and 7.

Kind Regards,
Awais M.