I am having a problem with Solpartmenu in IE. When I have a submenu item with child items, and I click on that parent submenu item, the submenu disappears, BUT THE CHILD ITEMS HANG for a second.

Here is the site in development. Click on About > About Oneonta, and when you do, the 3 child items just hang there until the next page is loaded.

http://dev.inline.com/oneonta-al

This doesn't happen in Firefox.

Any help would be GREATLY appreciated!

Below is my css for the menu, as well as the related code from the skin .ascx file.

From skin .ASCX

       <dnn:MENU runat="server" ID="dnnMENU"
        rootmenuitembreadcrumbcssclass="MainMenu_RootMenuItemBreadcrumb"
        submenuitembreadcrumbcssclass="MainMenu_SubMenuItemBreadcrumb"
        rootmenuitemcssclass="MainMenu_RootMenuItem"
        rootmenuitemactivecssclass="MainMenu_RootMenuItemActive"
        submenuitemactivecssclass="MainMenu_SubMenuItemActive"
        rootmenuitemselectedcssclass="MainMenu_RootMenuItemSelected"
        submenuitemselectedcssclass="MainMenu_SubMenuItemSelected"
        UseRootBreadCrumbArrow="false" />

CSS

.MainMenu_MenuContainer
{
    background-color: transparent;
    height:40px;
}
.MainMenu_MenuBar
{
    cursor: pointer;
    height: 40px;
    background-color: Transparent;
}
.MainMenu_MenuItem
{
    cursor: pointer;
    color: #332a1b;
    font-family: Arial, Helvetica;
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
}

.MainMenu_MenuItem td
{
    padding:0 10px;
    height:40px;
}

.MainMenu_SubMenu {
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    color:#d8e9fa;
    background-color:#fdf7a7;
    border:1px solid #999;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    margin:0;
    padding:0;
}

.MainMenu_SubMenu td{
    font-size: 9pt;
    font-weight: bold;
    height:32px;
    border-bottom:1px solid #18437a;
    padding:2px 4px 2px 0;
}

.MainMenu_MenuBreak
{
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid;
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}

.MainMenu_MenuItemSel
{
    cursor: pointer;
    color: black;
    font-family: Arial, Helvetica;
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    background-image:url(bg_rollover.jpg);
}

.MainMenu_MenuItemSel td
{
    padding:0 10px;
    height:40px;
}
.MainMenu_MenuArrow{
    display:none;
}

.MainMenu_RootMenuArrow{
    display:none;
}

.MainMenu_RootMenuItemActive{
    color: #fff;
    background-image:url(bg_active.jpg);
}

.MainMenu_RootMenuItemSelected{
    color: black;
    background-image:url(bg_rollover.jpg);
}

Thank you. It helps to know that this is a default behavior and not just something to do with my code.

If anyone can provide a workaround, I would be eternally indebted.

Thank you, I will take note of that.

Now that I have the site set up with Solpartmenu, is there an efficient way to switch to DNNMenu?