Пустой Div не регистрирует события CSS в IE6

Question

У меня есть два элемента, у которых одно и то же событие. Элементы также имеют свойство Cursor: move, установленное в стиле CSS. Элементы пусты и должны быть пустыми или, по крайней мере, прозрачными, за исключением границы.

В IE 6 единственная граница регистрирует изменение курсора или активирует обработчик событий javascript. IE6 обрабатывает пустые элементы div, как будто они не существуют. Если вы наводите курсор мыши или щелкаете мышью по границе, он меняет курсор и может активировать событие onmousedown.

Это не проблема в FF ... Кто-нибудь знает, что происходит?

Пример Fiddle

Answer 1

Это потому, что IE6 ненавидит веб-разработчиков.

Сделайте его счастливым, заставив div быть не пустым, с   в качестве содержимого.

<div id="ie6-hates-you">&nbsp;</div>

Answer 2

, что является абсолютным позиционированием ..

вы должны установить ширину 100%

width: 100%;

Answer 3

Оберните контейнер вокруг двух делений и установите его на position:relative;

<div id="test-container">
    <div id="container1"><div id="container2"></div></div>
</div>

CSS

#test-container{position:relative;width:300px;height:300px}

Это работает в ie6.

Обновленная скрипка

Answer 4

Работает в ie6, если вы удалите position:absolute;top:0;left:0 из обоих контейнеров.

Добавьте float:right к # container2, и вы получите тот же макет.