title: how to make the submenu to appear properly
body: <p>I am trying to create a <strong>submenu</strong> for a menubar , and i set the submenu to <code>absolute positioning</code> but the display of submenu <strong>not appearing below to the parent menu list</strong>.It appears in a <strong>static position(same place)</strong> for all the menu list's submenu;</p>
  
  <p><a href="http://jsfiddle.net/sivashanmugam_kannan/fyv8gjer/5/" rel="nofollow">jsfiddle</a></p>
  
  <p>however when i set all the menu lists to be <code>float : left</code> , the submenu works but i don't want to set float : left for menu lists.</p>
  
  <p><a href="http://jsfiddle.net/sivashanmugam_kannan/fyv8gjer/6/" rel="nofollow">jsfiddle-after-setting-float-left</a></p>
  
  <p>how to make the submenu to appear properly without changing float:left for menu list.</p>