treehouse : what would you like to learn today?
Web Design Web Development iOS Development

can't navigate submenu in IE7 (z-index)

  • Hello all!

    I'm having a z-indexing issue with IE7 and I can't seem to figure it out!

    Please go to http://www.siphon-marketing.com/unifirst/V4/level2.html in IE7 and hover over 'uniforms/workwear' > 'Products' and then move your mouse down. When you get half way down the menu it disappears!

    I'm completely stumped...can someone bail me out?

    Thanks so much!

  • Just had a look, it's beyond me.

    Although if there is no easy fix surely it isn't the end of the world - it is only in IE7, and you have a side menu that clearly lists the product range?

    B

  • @Iprintz Are you using Javascript for this?

  • this might help

    ie z-index

  • Hi Joni

    Unfortunately, I've poured over this ie z-index page you mentioned and tried several z-index iterations to no avail :(

    I can't seem to track down the culprit!

  • My only suggestion is to make sure you have a positioning context in there for as many uls or lis as you can find. It's often the culprit.

  • If you're in Chrome, use developer tools and hover over the dropdown midway (like he suggested) and the whole thing goes insane.

  • I've checked this in both Chrome & IE (7, 8 & 9). First you need to clear out the layout issues. In IE 7 & 8, the text is besides the image (floated) however in other browsers, it's not. The Issue comes in IE 7 when your mouse comes above the first text para. The problem in IE-7 goes off when text is below the image. Let us know which layout is the correct one. Text besides image or below it?