html - Drop-down-menu works great with Firefox, but not with WebKit

Question

I am working on a Drop-Down-Menu only using CSS & HTML5 (no JavaScript) in my personal website. Here it is: http://davidvalles.cu.cc

If you enter with Firefox, the menu works great (it is the one called "Secciones"): when you put the mouse over the "Secciones" div, the menu appears with a transition.

But if you try it with Safari or Chrome, it will work normally, unless you put the mouse UNDER the "Secciones" div. In that case, menu will appear normally. And I don't want the menu to open in that case. I only want it to open when you put the mouse over the "Secciones" link (all the box that contains the Secciones text).

What am I doing wrong? Why does the menu work perfectly in Firefox but not in Safari? Could you take a look at it? Thank you, and sorry for my poor English, I'm learning. Please, correct me :)

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;