i have <divs> that are floating boxes that hover with the mouse. This is working almost perfectly accept im running into a z-indexing issue with IE only. Its seems any <select> element is always on top.
I have tried the following to try and corret the issue.
Code:
<div>
<select>[options]</select>
</div>
// or
<div style="position: absolute">
<select>[options]</select>
</div>
// or
<div style="position: absolute; z-index:1">
<select>[options]</select>
</div>
//or
<div style="position: relative">
<select>[options]</select>
</div>
No matter what the select menu always trumps the floating <div> with a z-index of 100.
Is this an IE bug i am running into, and if so are there any work arounds?