in firefox it shows up like this:



in IE6:

what i should do to fix this problem? i find that in dotnetnuke.com the menu looks the same in either IE or firefox.thanks
                                                         Kevin

Can you show us your skin.css menu styles?

of cuase:) thank you bill


.MainMenu_MenuItem {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
height:25px;
font-style: normal;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
}

.MainMenu_SubMenu {
background-color: #81A1CC;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
height: 25px;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#4C648E', Direction=135, Strength=0) ;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
}

.MainMenu_MenuIcon, .MainMenu_MenuArrow{
display:none;

}

.ActiveSubTab
{
background-image:url(images/MenuAct.jpg);
color: #000000;
border-top: 0px solid;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
 
.ActiveRootTab TD
{
width:100px;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
height: 25px;
font-weight: bold;
background-color: transparent;
text-align:center;
}

.RootTab TD
{
text-align:center;
width: 90px;
height: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #FFFFFF;
background: transparent;

}

.BreadcrumbSubTab TD{
width:100px;
text-align:center;
}

.SelectedRootTab TD
{
width: 90px;
color: #bababa;
height: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
background-color: transparent;
text-align:center;
}

.text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #626367;
}

.SelectedSubTab
{
background-color: #C14337;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
height: 25px;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
}

.BreadcrumbRootTab TD
{
width: 100px;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #ffffff;
height: 25px;
text-align: center;

}

I encountered a similar problem...what I found is not that the menu became transparent, but that it was displaying behind other page objects...in dhtml there is something called a z-index, basically determining what gets drawn on top or behind...so if you have an object with a z-index of 90, it will appear behind an object with a z-index of 100 (if they overlap, of course). My take is that your menu object has a z-index smaller than other page objects (background perhaps).

Of course it could be a css issue in which case I would be totally off base, but it happened to me and it took me a while to figure out what the problem was.

I agree with ludis.

Solution is to add

.MainMenu_SubMenu {
z-index: 1000;

i'v tried to add z-index for .MainMenu_SubMenu class ,but the problem still exist. let's look at the screenshot i'v token .
the first iteam of the submenu still have the right color but below the second one ,every iteam becomes transparent.i'm confused