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;
}

Reply via email to