IE7 issue…fixing z-index broke slider nav!

[lprintz]

Hello all!

Please look at http://www.siphon-marketing.com/unifirst/V4

Jamy on this forum helped me to fix an IE7 issue with the top navigation submenus by adding a z-index of -1 to the slider layer (you’ll see in my conditional code)

UNFORTUNATELY, this makes the slider navigation unclickable in IE7…works everywhere else!

Can somebody please help!

[Senff]

This may be fixed by moving the container div AFTER the slider div in the markup (and then position it at the top of the page using some absolute positioning).

IE7 sometimes has this bug where Z-indexes are not applied between items and the elements that come later in the markup, will get a higher Z-index than the ones that come before it.

[lprintz]

I put up a 2nd page removing the z-index of the slider so you can see the slider works but now the navigation submenus are frigged!

http://www.siphon-marketing.com/unifirst/V4/index2.html

Any saviors out there? :)

[lprintz]

Thanks for your suggestion Senff!

I actually thought of that but was hoping for a simpler solution.

I’ll see if anybody else has any ideas and recode, after some sleep, tomorrow :)

[Author]

Posts