Раскрывающееся меню отлично работает с Firefox, но не с WebKit

Question

Я работаю над выпадающим меню только с помощью CSS & HTML5 (без JavaScript) на моем личном сайте. Вот он: http://davidvalles.cu.cc

Если вы входите в Firefox, меню отлично работает (это называется «Secciones»): при наведении указателя мыши на div «Secciones» появляется меню с переходом.

Но если вы попробуете его с помощью Safari или Chrome, он будет работать нормально, если вы не нажмете мышь UNDER на div «Secciones». В этом случае меню появится нормально. И я не хочу, чтобы меню открывалось в этом случае. Я просто хочу, чтобы он открывался, когда вы наводили указатель мыши на ссылку «Secciones» (все поля, содержащие текст Secciones).

Что я делаю неправильно? Почему меню прекрасно работает в Firefox, но не в Safari? Не могли бы вы взглянуть на него? Спасибо, и сожалею о моем бедном английском, я учусь. Пожалуйста, исправьте меня :)

Answer 1

Ваше ослабление? Является ли «легкость» ослабляющей ценностью?

-moz-transition: opacity .25s ease; 
-webkit-transition: opacity .25s ease; 
-o-transition: opacity .25s ease; 
-ms-transition: opacity .25s ease; 
transition: opacity .25s ease;