Beste,

Ik zit met het probleem voor mijn IE7, het is zo dat een div met position absolute (slidekrul) onder de div met position relative (sliderOverlay) moet komen.
Ik heb al de script z-index fix (http://css-tricks.com/snippets/jquer...ng-ie-z-index/) getest maar dit wilt niet werken (de div verdwijnt dan...).
Iemand nog andere oplossingen?

Code:

        <div id="slider">            <div class="slides"></div>
            <div id="sliderOverlay">
                <div class="btnres white">
                    <div class="top"></div>
                    <div class="inhoud">
                        <div class="reslink">
                            <a href="#">reserveer nu</a>
                        </div>
                    </div>
                </div>
                <div class="slidePrNx">
                    <ul>
                        <li><img class="prev" src="img/slideBack.png" alt="back" /></li>
                        <li><img class="next" src="img/slideNext.png" alt="Next" /></li>
                    </ul>
                </div>
                <div class="btnresCaption">
                    <img src="img/caption01.png" alt="Welkom bij L'abri des buis" class="slideTitle" />
                </div>
            </div>
        </div>

<div class="slidekrul"></div>

#slider { position: relative;
width: 960px;
height: 392px;
}
.slides {
position: absolute;
background: url("../img/slideshow/1.jpg");
height: 392px;
width: 960px;
}
#sliderOverlay {
position: relative;
width: 420px;
height: 180px;
float: right;
margin-right: 60px;
margin-top: 150px;
z-index: 99;
}
.btnresCaption {
position: relative;
width: 420px;
height: 75px;
background: url('../img/bg_slideCaption.png');
margin-top: 15px;
z-index: 5;
}
.slideTitle {
margin-left: 44px;
margin-top: 11px;
}
.slidePrNx, .photogalSubPrNx {
position: absolute;
width: 71px;
height: 30px;
float: left;
right: -7px;
top: 57px;
}
.photogalSubPrNx {
top: 0px;
width: 81px;
}
.slidePrNx ul li, .photogalSubPrNx ul li {
display: inline-block;
zoom:1; /* IE 7 Hack starts here*/
*display:inline;
}


.photogalSubPrNx ul li:first-child {
margin-right: 10px;
}


.slidekrul {
position: absolute;
background: url("../img/krul_slider.png");
width: 473px;
height: 367px;
right: 0;
top: 235px;
z-index: 15;
opacity: .3;
filter: alpha(opacity = 30);
pointer-events: none;
}
.prev, .next {
cursor: pointer;
}