IE6 z-index on two absolutely positionned divs

I got tired facing IE6 Bugs. The issue, is two (position:absolute) divs are not working properly on their z-index: Considering the following example;

/* css */
#overlay{
    position:absolute;
    height:1200px;
    z-index:2;
    top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop+(document.body.clientHeight-this.clientHeight));
}

#dropping_list{
    position:absolute;
    top:34px;
    left:0;
    padding:0;
    width:635px;
    max-height:455px;
    background:#FFF;
    display:none;
    overflow:auto;
    z-index:3;
}

<div id="overlay"></div>
<div id="dropping_list">some content here</div>

But i got ovelay above #droping_list! Any help would be so much appreciated;

For more information you can see it in action at: http://www.monde-presse.com

On the search form at the top, type in tion and hit enter to get some r开发者_开发问答esults for the test.

Barry

---

Re-arrange your elements:

from:

<div id="overlay">
    <div id="dropping_list">some content here</div>
</div>

to:

<div id="overlay"></div>
<div id="dropping_list">some content here</div>