Dropdown (Superfish) menu appears behind Flex Slider in IE 7/8

The website: http://club16.abcguide.com/

The drop down menu items appear behind the Flex slider in IE 8 for the client, and IE 7 in my compatibility tester.

Read More

Help is appreciated in regards to this, thanks!

Related posts

Leave a Reply

3 comments

  1. Unless the z-index is explicitly set for positioned elements, IE7/8 will give the positioned element a z-index of 0.

    Add position: relative; z-index: 99999; to #navigation-wrap to ensure it has a z-index greater than the other elements on the page. This will ensure it stays on top.

  2. .flexslider has position:relative; but no z-index CSS property, if you add z-index:1 to that container, and then position:relative; and z-index:2; to any one of your suckerfish menu containers (I added it to ul.menu in IE debug tools), the menu will then be positioned atop the slider.