Проблема в Chrome, HTML Форма в div над div

Question

У меня есть 3 div на моей странице, один из них - это форма, которая является последней в коде и расположена поверх первых 2 div. В Google Chrome, когда я пытаюсь щелкнуть по полям формы, он не разрешит мне, если я не нажму нижний бит полей ввода или самый верх переключателей.

Я подтвердил, что проблема заключается в том, что за ним стоят div, удалив остальные 2 div, и после этого все заработало нормально.

Кто-нибудь знает, как это исправить?

Код:

<div id="info_top"></div>  
<div id="info_bottom"></div>  
<div id="tabs">  
    <ul>  
        <li><a href="ahah_1.html" title="tabcontent"><span>tab1</span></a></li>
        <li><a href="ahah_2.html" title="tabcontent"><span>tab2</span></a></li>
        <li><a href="ahah_3.html" title="tabcontent"><span>tab3</span></a></li>
    </ul>  
    <div id="tabcontent"> ... </div>  
</div>

info_top, info_bottom и tabs имеют свои позиции, установленные как абсолютные с диваном tabs, сидящим над другим 2. Форма загружается в tabcontent div.

Ссылка: http://hintswen.com/tempstack/trunk/ используйте вторую ссылку на этой странице, чтобы открыть ее, форма находится на последней вкладке (верхний ряд).

Answer 1

Это может решить вашу проблему

Я уже сталкивался с подобными проблемами глубины div и решил эту проблему до

поместите эту css на теги 'div'

div { zoom: 1 }

Answer 2

Я не уверен, что это сработает, но попробуйте установить большое значение ' z-index ' для тега 'ul'

Редактировать : установить значение z-index равным -1 для обоих div, это работает (по крайней мере, в Firefox)