Делаю выпадающее меню на сайте.
Все бы отлично, только вот если под выпадающим меню находится элемент SELECT то он проступает сквозь это меню.

Фича такая замечена только в IE , Opera ведет себя как надо.

<td class=tmnuMain onMouseOver="showBlock(\'sbmnu4\');" onMouseOut="hideBlock(\'sbmnu4\');">

function showBlock (id) {
        document.getElementById(id).style.visibility = 'visible';
}
function hideBlock (id) {
        document.getElementById(id).style.visibility = 'hidden';
}

div.tmnuSubmenu {
    text-align:left;
    vertical-align:top;
    border:1px #2064A8;
    background:#D4DBE3;
    border-style:solid;
    visibility:hidden;
    position:absolute;
    padding-left:3px;
    padding-right:3px;
    color:#b0b0b0;
    width:237px;
}

• SELECTы проступают сквозь DIV,andy, 05:19 , 06-Сен-07

>Все бы отлично, только вот если под выпадающим меню находится элемент SELECT
>то он проступает сквозь это меню.

старинный баг, года 2000го, наверное. На сколько я помню (давно уже этим не занимаюсь), активиксы в ИЕ имеют "бесконечный" z-index. В качестве решения, надо было заключить необходимый блок в "оконный" элемент iframe.
Попытался найти старые заметки, наткнулся на это: http://www.hedgerwow.com/360/bugs/css-select-free.html
Правда, не посмотрел, как это реализовано.

ну и вообще, поиск по "ie select z-index" рулит