title: CSS dropdown menu disappears when mouse moves off of <li>
body: <p>I have the problem whereby I can't keep my sub menu visible. When I hover over the parent <code>&lt;li&gt;</code> it appears, and then when I move down to select one of the sub menu items it disappears. This is as soon as focus is lost from the parent <code>&lt;li&gt;</code></p>
  
  <p>I can't find a solution anywhere.</p>
  
  <p>can someone please check it?</p>
  
  <p><a href="http://www.mymediaventure.com/about.php" rel="noreferrer">http://www.mymediaventure.com/about.php</a>. It is under the Pricing tab. This is so frustrating. other examples I look at seem to work and I can't spot any clear differences that would hint why theirs works and mine doesn't.</p>
  
  <p>Thanks in advance.</p>