Hi!
I have a very peculiar problem with the solpart menu: The dropdowns goes horizontal in Firefox, but looks great in Internet Explorer:
Can anyone help me?
Check it out on http://dnn.ivanoff.info
This is the css used for the menu ( I am doing a html/css based skin):
.MainMenu_MenuContainer{
background-color: transparent;
}
/* The Menu Bar*/
.MainMenu_MenuBar{
float: left;
margin: 0;
padding: 5px 0px 0 0px;
width: 100%;
height: 32px;
}
/*Root menu item*/
.MainMenu_MenuItem{
float: left;
text-decoration: none;
/* padding: 0.3em 2em; */
color:white;
font-size: 10px;
background-color: Transparent;
border-left: white 0px solid;
border-bottom: white 0px solid;
border-top: white 0px solid;
border-right: white 0px solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*SubMenu Icon / Indent */
.MainMenu_MenuIcon{
cursor: pointer;
background-color: #005596;
border-left: #005596 1px solid;
border-bottom: #005596 1px solid;
border-top: #005596 1px solid;
text-align: center;
width: 5px;
height: 21px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.MainMenu_MenuBreak{
border-bottom: #0055961px solid;
border-left: #0055960px solid;
border-top: #0055961px solid;
border-right: #0055960px solid;
background-color: #005596;
height: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Menu Item Hoover */
.MainMenu_MenuItemSel{
float: left;
text-decoration: none;
/* padding: 0.3em 2em; */
color: #80aacb;
font-size: 10px;
background-color: Transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*Sub menu item */
.MainMenu_SubMenu{
float: left;
text-decoration: none;
/* padding: 0.3em 2em; */
color: #80aacb;;
font-size: 10px;
background-color:#005596;
border-bottom: #005596 0px solid;
border-left: #005596 0px solid;
border-top: #005596 0px solid;
border-right: #005596 0px solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.MainMenu_MenuArrow{
}
.MainMenu_MenuRootArrow{
}
and this is the xml from skin.xml:
<Object>
<Token>[SOLPARTMENU]</Token>
<Settings>
<Setting>
<Name>separatecss</Name>
<Value>true</Value>
</Setting>
</Settings>
</Object>