Hello and thank you in advance for your time and help.

I am developing a site that is running AT Commerce 7.x-3.0-rc1 and Footheme 7.x-3.0-rc1 on Drupal 7.17.
For some reason in IE8 only the dropdown menu goes behind the main content.
Currently the main menu is in the menubar region and the dropdown only appears on the homepage in the slideshow. On the the other pages you see no dropdown menu. If I move the mainmenu bar to the header area I will see the child items up to the main content area where they disappear behind the main content area.

The site is in development currently but the address is:
http://tinyurl.com/cjo6bz9

I have disabled aggregiate of CSS and Javascript.

I have tried several Z-index fixes with position relative and z-index but that seems to have no impact.

The menu in french is in a different block as it is a separate menu.
On the french site I have left the "Use jQuery BgiFrame plugin for this menu" checked. On the English menu I do not have it checked but it makes no difference to this issue.

I would appreciate some help if anyone has some time to spare.

Comments

avo webworks’s picture

avo webworks commented
Status: Active » Fixed

After some time looking at all the z index issues, I stumbled on the IE filter issue. Sure enough this worked for me.
In my CSS file I added:
.ie8 #header-wrapper { filter: none;}
Just thought I would post the fix in case it may be helpful for someone.
Interestingly ie7 and ie9 are not displaying this problem just IE8.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.