title: Drop-down-menu works great with Firefox, but not with WebKit
body: <p>I am working on a Drop-Down-Menu only using CSS &amp; HTML5 (no JavaScript) in my personal website. Here it is: <a href="http://davidvalles.cu.cc" rel="nofollow">http://davidvalles.cu.cc</a></p>
  
  <p>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.</p>
  
  <p>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).</p>
  
  <p>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 :)</p>