08.08.2010

z-index im IE ist immer eine etwas mühsame Sache. Problemstellung: Hauptnavigation, absolut im Header positioniert. Dropdown Menüs über einen im darunterliegenden Inhalt Div positionierten Inhalt verschwinden im IE 6 & 7, wenn der z-index des Headers und der Dropdowns “nur” positiv sind (auch z-index: 999999; bringt nichts.
Die Lösung war in diesem Fall ein z-index:-1; im darunterligenden, absolut positionierten Inhalt:

.threeColumnsAllImagesLeft #MainContent{ position: relative; z-index: -1; }

.threeColumnsAllImagesLeft #MainContent div.Image { position: absolute; width: 210px; /*height: 140px;*/ max-height: 160px; overflow: hidden; margin: 0; padding: 0 !important; z-index: -8; }