I am having issues with the active and of my solpart menu. We have everything looking the way we want in, except for when the "link or tab" becomes active in solpart menu.  The idea is that we want the active tab background to look the same as when it is idle, with just the text turning red.  Right now it goes to transparent. I will insert some screen shots below so that you can see what I'm talking about., along with my code snipletts.

Idle Menu:

Active Menu:

 Solpart menu coding :

<dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU"
                    userootbreadcrumbarrow="false"
                    usesubmenubreadcrumbarrow="false"
                rootmenuitemactivecssclass="MainMenu_Active"
                rootmenuitembreadcrumbcssclass="MainMenu_BreadcrumbActive"
                leftseparator="&lt;img src=&quot;images/nav_left_normal.gif&quot; align=&quot;middle&quot; /&gt;"
                rightseparator="&lt;img src=&quot;images/nav_right_normal.gif&quot; align=&quot;middle&quot; /&gt;" />

Css :

 /* Menu-Styles */

.MainMenu_MenuContainer {
    height: 33px; background-color: transparent;
}


.MainMenu_MenuBar {
    height: 33px;
    background: url(images/nav_middle_normal.gif) repeat-x;
}

/* SubMenu Mouseover Tab */
.ActiveRootTab TD {
    height:25px;
    color: #9408DA;
    font-family: arial;
    font-size: 11px;
    padding-left: 5px;
    background-color: black;
    border-right:  #FFFFFF 0px solid;
}

/* Menu Background Tab */
.RootTab TD {
    background-color: #D9282E;
    color: #D9282E;
    font-family: arial;
    font-size: 16px;
    height: 25px;
    padding-top: 10px;
    border-right:  #FFFFFF 0px solid;
}

/* Menu Mouseover Tab */
.SelectedRootTab TD {

    font-family: arial;
    font-size: 16px;
    font-style: bold;
    color: #D9282E;
    height: 25px;
    border-left: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    padding-top: 10px;
    border-right:  #FFFFFF 0px solid;
}

/* Selected Menu Tab Color */
.BreadcrumbRootTab TD {
    background-color: black;
    font-family: arial;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    color: #D9282E;
    height: 25px;
    border-left: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    padding-top: 10px;
}

/* style for sub menu left block color link */
.MainMenu_MenuIcon {
    background-color: #fff;
    border-left: #EEEEEE 0px solid;
    border-bottom: #EEEEEE 0px solid;
    border-top: #EEEEEE 0px solid;
    text-align: center;
    width: 15px;
    height: 25px;
}

/* style for horiz menu text color link */
.MainMenu_MenuItem {
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 0px solid;
    border-top: white 0px solid;     
    border-right: white 0px solid;
    background: url(images/nav_middle_normal.gif) repeat-x top;
    width: 160px;
    Color: #FFFFFF;
}

/* style for horiz menu text color link */
.MainMenu_SubMenu {
    z-index: 1000;
    background-color: #ffffff;  
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    border-bottom: #9408DA 1px solid;
    border-left: #9408DA 1px solid;
    border-top: #9408DA 10px solid;
    border-right: #9408DA 1px solid;
}

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

/* This is the mouseover color for the menu and the submenu text */
.MainMenu_MenuItemSel {
    color: #D9282E;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    font-style: none;
    background: url(images/nav_middle_normal.gif) repeat-x top;    
}

.MainMenu_MenuArrow {
    font-family: webdings;
    font-size: 11px;
    border-right: #FFFFFF 0px solid;
    border-bottom: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    color: #9408DA;
}

.MainMenu_RootMenuArrow {

    font-family: webdings;
    font-size: 11px;
}

.MainMenu_Active {
    background: url(images/nav_middle_normal.gif) repeat-x top;
}

.MainMenu_BreadcrumbActive {
    background: url(images/nav_middle_normal.gif) repeat-x top;
}

What am I missing? or doing wrong? any help will be appreciated

I guess I should have been more specific in the first post. I need the background to be the same as when it is idle. The text already turns red, but I need the whole td not to turn transparent. Any ideas?

I did some tweaking and the MainMenu_Active td  class changes the actual "active menu item" What I'm trying to do is make it so that when the menu is clicked, or should I say on click it turns transparent for a second while the mouse button is held down, then goes back to the way it is supposed to be. I'm trying to get the main menu, to not turn transparent on click, while still keeping the shape of my tabbed layout.