Вы столкнулись с довольно неприятной проблемой с раскрывающимся списком html в IE. Короче говоря, он всегда будет на вершине большинства других элементов управления, независимо от того, что вы установили для z-index . Я не знаю, как это сделать, чтобы легко это исправить.
Однако единственное, что раскрывающийся список не «пропускает» - это IFRAME. Уловка, которую я обычно использую, состоит в том, чтобы поместить IFRAME под раскрывающееся «меню», и вы должны найти, что раскрывающийся список больше не просачивается.
Неприятно - но это долговременный захват IE!
[Редактировать: добавить пример, а также перефразировать "поместить раскрывающееся меню" в рамку "]
Следующий пример иллюстрирует трюк:
<html>
<head></head>
<body>
<div style="z-index:1">
<iframe style="position:absolute; height: 200px; width: 100px; z-index: 1"></iframe>
<div style="position:absolute; background: pink; height: 200px; width: 100px; overflow:hidden; z-index: 2">
Lorem ipsum dolor sit amet
</div>
<br/>
<select style="z-index: 0;width: 200px">
<option>option1</option>
<option>option2</option>
<option>option3</option>
</select>
</div>
</body>
</html>
Обратите внимание, что если вы удалите iframe из этого примера, вы увидите, что проблема с "утечкой" снова появляется.