title: Hover Menu Delayed Close?
body: <p>I want to add a delay on mouse out from hover menu. Here is my codepen: <a href="http://codepen.io/anon/pen/MYjzVb" rel="nofollow">http://codepen.io/anon/pen/MYjzVb</a></p>
  
  <p>Please notice that I have used these lines for CSS transitions:</p>
  
  <pre><code>-webkit-transition: visibility 0.65s ease-in;
  -moz-transition: visibility 0.65s ease-in;
  </code></pre>
  
  <p>But this doesn't works. I am using Chrome browser, tried to view it in Firefox too but that doesn't helps.</p>
  
  <p>Please help!</p>