Dealing with IE6 bugs has left me exhausted. The problem lies in two (position:absolute) divs that are not functioning properly in terms of their z-index. Here is an 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>
Despite this code, the overlay appears above the #droping_list! Any assistance would be greatly appreciated.
You can see it in action at:
Try typing tion into the search form at the top and hitting enter to see some test results.
Regards, Barry