title: How can I ensure that my Submenu does not disappear when I hover out or add a delay before it disappears
body: <p>I have a CSS3 Navigation Menu with no Javascript, I like how it is right now but there is one problem and the users are getting bothered with it.</p>
  
  <p>The problem is that when a user hover over a Menu Link the submenu pops up which is exacly what I want but If user move the mouse arrow away from the submenu or the menu link, its dispairs ULTRA fast. It's very annoying and I have no Idea how to fix this, there is two solutions one way is to always show the submenu the other solution is that when a user hover out from the submenu the submenu should atleast wait 5-10 secs before disappearing and also if you hover out and hover back the submenu should stay. But I have no idea how to do it.</p>
  
  <p>Here is the code and example try it out, any solutions is appreciated!</p>
  
  <p><a href="http://jsfiddle.net/nPdNd/" rel="nofollow">http://jsfiddle.net/nPdNd/</a> expand the result window in Jsfiddle to see the whole nav menu</p>
  
  <p>Thanks in advance!</p>