Internet Explorer visual element stacking issue
- by Michael
Gday All,
I know this issue is well known, however I have searched high and low for a solution to no avail.
I have created a menu system using nested ordered lists where the menu functionality is controlled by CSS and Jquery. The menu works perfectly in FF, Chrome, Opera and Epiphany.
However in IE 6/7/8 my popup menu is being displayed underneath a table. See the image below.
The very top box is a div element containing my menu system. I am working with legacy code that uses tables for display so the next box and the "ts found. Try a different subcate" text is in a "td" element of a table.
I have tried to force the table to have a lower z-index but this does not work.
Any insights into why this is only present in IE would be appreciated.
Cheers,
Michael