Родительский блок блокирует фокус курсора от дочерних элементов в IE7.

Question

Вот идея: у меня есть элемент div, #content_wrapper, который включает три плавающих элемента div, #left_column, #nav и #content. Вот стили на #content_wrapper:

#content_wrapper {
    float:left; 
    background: url("images/bg-tan.jpg") repeat-y left center; 
    position:relative;
}

Однако в Internet Explorer 7, похоже, #content_wrapper украл курсор у дочерних элементов. Всякий раз, когда я наводю курсор на #content_wrapper, курсор всегда переключается на балку, и я не могу щелкнуть ни по одной из ссылок или текста внутри div. Мысли? * * 1004

Обновление: я попробовал следующие исправления, ни одно из которых не сработало.

• Применение фиксированной ширины ко всем элементам, включая родительский и дочерний элементы верхнего уровня
• Применить положение: относительно всех элементов, а затем z-index
• Использование! Важный для всех вышеперечисленных свойств в случае
• Добавление свойства zoom к родительским и дочерним элементам div
• Добавление свойства overflow в родительский div

Answer 1

#content_wrapper { position: relative; z-index: -1; width: 1010px; }

РЕДАКТИРОВАТЬ: Вы устанавливаете z-индекс #content_wrapper на -1.Вот почему это происходит. Избавьтесь от него или установите положительное значение.

Answer 2

Попробуйте

#content_wrapper {
    zoom: 1
}