title: CSS menu with 2nd level sub menu background/loading issues
body: <p>using css menumaker menu found here: <a href="http://cssmenumaker.com/menu/grey-impression-drop-down-menu-0" rel="nofollow">http://cssmenumaker.com/menu/grey-impression-drop-down-menu-0</a> I'm trying to create a 3rd level for sub-menu.</p>
  
  <p>here is an example with html and css. <a href="http://jsfiddle.net/it_levon/ew4MP/" rel="nofollow">http://jsfiddle.net/it_levon/ew4MP/</a></p>
  
  <p>going through the css i was able to add > to .cssmenu li:hover ul{display: block}
  so it looks like .cssmenu li:hover > ul{display: block}. this loads the sub menu item but it keeps "product 1" and "blue" highlighted as if you are selecting both even though the links associated with each work correctly. I'm hoping someone can help me figure out how to have only the item that the user is hovering on stay highlighted and IF at all possible to get the 3rd level submenu to shift over to the right so it looks like its expanding. </p>
  
  <p>Thanks in advance</p>