title: Pure css popup submenu not displaying properly
body: <p>I've created menu drop down menu in pure css,</p>
  
  <p>here, parent div have <code>position:relative</code> and the menu popup have <code>position:absolute</code>,</p>
  
  <p>when the menu hovered the submenu will appear as <code>display:block</code>,</p>
  
  <p>but here, hovering <code>sarees</code> (first menu) the popup menu appears perfectly, but hovering the last menu <code>webmenus</code>, the popup appers at wrong position (different position). The images uploaded below</p>
  
  <p>I want to make the same position with all <strong>submenu popups</strong> like <code>sarees</code>'s submenu popup have.
  is there any css hack for this .. ?</p>
  
  <p>Images : </p>
  
  <p><strong>I want this position for all menus</strong></p>
  
  <p><img src="https://i.stack.imgur.com/wgwc9.png" alt="I want this position for all menus"></p>
  
  <p><strong>The menu Displaying at wrong position</strong></p>
  
  <p><img src="https://i.stack.imgur.com/SR8FO.png" alt="The menu Displaying at wrong position"></p>