2

Can someone please help me with this problem i am having with my menu ? THe problem is only in IE in compatibility mode. I have the menu with position absolute and z-index 99999999 but still the menu is hidden behond the content. Please check :

http://www.tomasdostal.com/projects/modul16/draft2/?page=buildings

Thanks for any advice

thirtydot
  • 224,678
  • 48
  • 389
  • 349
Tomas
  • 2,676
  • 5
  • 41
  • 51

2 Answers2

5

I have the menu with position absolute and z-index 99999999

You need to use an even higher z-index!

 

 

..just kidding.

IE in compatibility mode = IE7.

IE7 has known bugs with z-index, see: IE7 Z-Index issue - Context Menu

In this specific instance, one way to fix it is to add z-index: 1 to the <div class="grid_3"> that is a parent of your menu.

Community
  • 1
  • 1
thirtydot
  • 224,678
  • 48
  • 389
  • 349
  • yeah i used 99999999 because i found it on net, normally i use no more than 100.... Strangely enough, z-index:1 on grid_3 did the trick! thank you! – Tomas Jul 18 '11 at 15:03
1

Z-index only works with absolute positioning (the element is currently positioned relative to it's parent element). Add the following CSS to .menu_wrap.

position: absolute;
top: 0;
left 0;
Damien
  • 1,219
  • 13
  • 23