title: Submenu list doesnot stay when trying to hover mouse on list items
body: <p>I am new to CSS.
   i am trying to create a Menu like </p>
  
  <p><img src="https://i.stack.imgur.com/ZtHIt.png" alt="enter image description here"></p>
  
  <p>and Palletized link has <code>SubMenu</code></p>
  
  <p><img src="https://i.stack.imgur.com/hoU2H.png" alt="enter image description here"></p>
  
  <p>when i hover on <code>Palletized</code> link i want to display <code>SubMenu</code>. i tried with this <a href="http://jsfiddle.net/4sxna/10/" rel="nofollow noreferrer">Code</a></p>
  
  <p>But it doesn't give desired output. when i tries to change cursor into my <code>submenu</code> it disappears </p>