Выберите поле во всплывающем окне, не работает в Internet Explorer

Question

У нас есть веб-приложение, в котором есть всплывающие формы, использующие AbsoluteBox, и почему-то, только в Internet Explorer, раскрывающиеся списки не открываются. Вы можете просматривать содержимое с помощью клавиш со стрелками, но вы не можете видеть выбор или выбирать что-либо с помощью мыши. У Firefox и Chrome проблем нет. Есть идеи?

.absoluteBox
{
    display: none;
    position:absolute;
    /*background-color: #8a919e;*/
    background-color:#D6D7E7;
    border:solid 1px #4f6375;     
    -moz-border-radius:7px; 
    padding:5px 4px; 
    z-index:auto;            
}

loadForm('birth', 'birth', '', function () {}); 

<div id="birth" class="absoluteBox lfloat" style="left:20px;height:500px;"></div>

Answer 1

Internet Explorer имеет ошибку z-index. Вы должны начать с реального числа (1) и идти оттуда. Авто может вызвать проблему, попробуйте либо изменить его на 1, либо полностью удалить. Z-index наследуется от родительского элемента, поэтому, если auto является вашим предпочтительным поведением, удалите его.

Answer 2

Я думаю, что это связано с z-index:auto; Возможно, IE не отображает элементы впереди, и поэтому они недоступны для мыши (но элементы формы всегда (?) Доступны для клавиш).