Hey guys,
I'm having trouble with the nav menu. In firefox when I hover over a root menu item it doesnt display a border but in IE a border pops up and makes it look like a button. Any idea what's going on?
the site is here: http://qa.mbot.asitechinc.com/Default.aspx
and here is my css code
.Main_DNNMenu_NodeRoot
{
cursor: pointer;
cursor: hand;
color: #ffffff;
font-size: 85%;
font-weight: bold;
font-style: normal;
font-family: Tahoma;
background-color: Transparent;
white-space: nowrap;
padding: 0px 10px 0px 5px;
}
.Main_DNNMenu_Node td
{
cursor: pointer;
cursor: hand;
color: #ffffff;
font-size: 85%;
font-weight: bold;
font-style: normal;
font-family: Tahoma;
background-color: Transparent;
white-space: nowrap;
padding: 1px 3px 3px 1px;
}
.Main_DNNMenu_NodeHover
{
cursor: pointer;
cursor: hand;
color: #FFC40C;
font-size: 85%;
font-weight: bold;
font-style: normal;
font-family: Tahoma;
background-color: Transparent;
white-space: nowrap;
padding: 0px 10px 0px 5px;
}
.Main_DNNMenu_NodeHover td
{
cursor: pointer;
cursor: hand;
color: #FFC40C;
font-size: 85%;
font-weight: bold;
font-style: normal;
font-family: Tahoma;
background-color: Transparent;
white-space: nowrap;
padding: 1px 3px 3px 1px;
}
.Main_DNNMenu_ContainerSub
{
background-color:#505050;
border-right: solid 1px #444444;
border-bottom: solid 1px #444444;
border-top: solid 1px #787878;
border-left: solid 1px #787878;
z-index: 1000;
cursor: pointer;
cursor: hand;
padding: 1px 1px 1px 1px;
}
TIA!