IE, select, z-index: танцы с бубном

Сегодня столкнулся с офигенной корявостью Эксплорера. Задача, как казалось была тривиальной: надо было в начале загрузки файлов на сервер закрыть экран полупрозрачной пеленой, чтобы пользователь не тыкал куда не надо. Решение, упрощенно, было такое: создавался div с "position: absolute", покрывающий рабочую область, затем он выдвигался вперед за счет z-index, и устанавливалась прозрачность. Потом, при завершении загрузки элемент скрывался. Все бы не чего, но Internet Explorer, как обычно отличился. Наблюдался обалденный эфект, через "пелену" выступали все элементы select. Их невозможно было задвинуть на задний план при помощи изменения значения z-index.

Суть проблемы заключается в том, что IE по-особому работает с z-index. Он считается в пределах одного контейнера, а если элементы принадлежат разным контейнерам, то их z-index никак не будет пересекаться. Я перерыл кучу топиков в поисках решения проблемы, в основном советовали просто поместить элементы в один контейнер и расставить им нужный z-index, но этот вариант мне не подходил, так как эти элементы располагались в разных местах документа и никак не зависели друг от друга.

Спустя около четырех часов копания, я наткнулся на сногсшибательное решение! Это просто магия, шаманство, танцы с бубном. Как до такого решения можно дойти самостоятельно я не представляю, это надо перелистать весь MSDN как минимум! Вот так должен выглядеть ваш div, чтобы никакие select'ы в Эксплорере не пролезали через него:

<style>
.select-free {
position:absolute;
z-index:10;/*any value*/
overflow:hidden;/*must have*/
width:33em;/*must have for any value*/;
}
.select-free iframe {
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width:3000px;/*must have for any big value*/
height:3000px/*must have for any big value*/;
}
</style>
<div class="select-free">
your content here
<!--[if lte IE 6.5]><iframe></iframe><![endif]-->
</div>

Ребята с HedgerWow.com, респект вам и уважуха!