Сбой CSS Hover + Element в веб-наборе (Chrome, Safari)

Question

Нашел сегодня досадную ошибку, которая приводила к краху Chrome и Safari (то есть всех браузеров webkit?) Только с CSS.

Это меню при наведении курсора на элемент, отображающий следующий выпадающий уровень. Отлично работает во всех других браузерах.

Смотрите здесь, слева вверху 'rn': http://test.davebowker.com/rn-hover/

Надеюсь, у кого-то есть какие-то мысли или он знает немного больше о webkit, чем я. Я уверен, что это css, так как я отключил весь javascript, а также запустил выпадающий список на новой странице самостоятельно. Я также знаю, что это вызывает hover + display: block. - Просто не знаю, как это исправить. Может быть, кто-то еще столкнулся с этой ошибкой?

Ура, Dave

РЕДАКТИРОВАТЬ: Включенные изменения, сделанные Эмили ниже. http://test.davebowker.com/rn-hover-fix/

Answer 1

Изменение

.ukn-network-jumper strong:hover + ul,
.ukn-network-jumper ul:hover {
    display:block;
}

до

.ukn-network-jumper strong:hover + ul,
.ukn-network-jumper:hover ul {
    display:block;
}

Вы не хотите отображать ul при наведении курсора на ul, а при наведении на родительский div.