Hello All, I have two superfish menus on the same page in the same menu. Whenever I click on one of the items in one of the menus the other superfish menu disappears. Here is the CSS code I'm using, but I don't think it is the issue. Any help would be greatly appreciated.
ul.sf-menu li, ul.sf-menu li * { list-style: none; } .sf-menu ul.sub { position: absolute; top: -999em; width: 7em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } .sf-menu ul.sub li { width: 100%; padding-left: 4px; background-color: white; z-index: 99; } .sf-menu ul.sub li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; background-color: #fff; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }