Hi
Can anyone tell why in IE I can't see the space between the menu items in the main bar but in FF it is displayed right?
The css is :
/** Menu */
.MainMenu_MenuContainer {
background-color: transparent;
width: 90%;
border-bottom: white 2px solid;
border-left: white 0px solid;
border-top: white 2px solid;
border-right: white 0px solid;
margin: 0px 2px 0px 2px;
}
.rootmenuitem TD{
font-family:Arial;
color:#297EBC;
font-size:14px; font-weight:bold; letter-spacing:-1px;
padding:0px; text-align:center;
margin: 0px 2px 0px 2px;
background:transparent;
width:100px; height:28px; display:block; line-height:28px;
border-right:1px #5590C1 solid;
border-left:1px #5590C1 solid;
border-top:1px #5590C1 solid;
border-bottom:1px #5590C1 solid;
}
.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{
font-family:Arial;
color:#97C1E1;
font-size:14px; font-weight:bold; letter-spacing:-1px;
padding:0px; text-align:center;
background:#297EBC;
width:100px; height:28px; display:block; line-height:28px;
border-right:0px #5590C1 solid;
}
.rootmenuitem{
/*The root menu items */
color: #297EBC;
text-decoration: none;
font-weight: bold;
font-family: Arial, Helvetica, Verdana;
font-size: 14px;
cursor: hand;
border-top: 1px solid #297EBC;
border-left: 1px solid #297EBC;
border-bottom: 1px solid #297EBC;
}
.separator{
color: #C05044;
background-color: #D3E9A0;
}
.separator_bott{
color: #E2A5A7;
}
.rootmenuitemselected{
/*The root menu item when mouse over it */
color: white;
text-decoration: none;
font-weight: normal;
font-family: Arial, Helvetica, Verdana;
background: #297EBC;
font-size: 14px;
cursor: hand;
text-align: center;
padding: 1px;
}
.rootmenuitembreadcrumb{
/* CSS Class used for sub menu items when they are found in the breadcrumb array list */
cursor: hand;
}
.submenu{
/* css class for the properties of the submenu items that are not in the mneuitem class */
z-index:1000;
border:0px;
padding-left:0px;
padding-right:0px;
margin-left:0px;
background:white;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=4);
}
.menuitem{
/* css class for the menu items including root and Submenu
*/
font-weight: normal;
font-family: Arial, Helvetica, Verdana;
font-size: 14px;
font-weight: bold;
color: #297EBC;
padding: 3px 6px 3px 6px;
border-top: 0px dashed #297EBC;
border-left: 1px solid #297EBC;
border-bottom: 1px dashed #297EBC;
border-right: 1px solid #297EBC;
}
.submenuitemselected{
/* CSS Class used for sub menu items when they moused-over */
font-weight: normal;
font-family: Arial, Helvetica, Verdana;
font-size: 14px;
font-weight: bold;
color: #ffffff;
background: #297EBC;
padding: 3px 6px 3px 6px;
border-top: 1px solid #297EBC;
border-left: 1px solid #297EBC;
border-bottom: 1px solid #297EBC;
border-right: 1px solid #297EBC;
}
.submenuitemactive{
/* CSS Class used for sub menu items when they are the active tab */
}
.submenuitembreadcrumb{
/* CSS Class used for sub menu items when they are found in the breadcrumb array list */
color: white;
text-decoration: none;
font-weight: bold;
font-family: Arial, Helvetica, Verdana;
background: #F17C67;
font-size: 14px;
padding: 1px;
border-bottom: #8E1F0D 1px solid;
border-left: #8E1F0D 0px solid;
border-top: #8E1F0D 0px solid;
border-right: #8E1F0D 0px solid;
filter: alpha(Opacity=90);
}
.rootmenuitemactive{
/* CSS Class used for root menu items when they are the active tab */
color: #ffffff;
text-decoration: none;
font-weight: normal;
font-family: Arial, Helvetica, Verdana;
background: #297EBC;
font-size: 14px;
padding: 1px;
border-bottom: #8E1F0D 1px solid;
border-left: #8E1F0D 0px solid;
border-top: #8E1F0D 0px solid;
border-right: #8E1F0D 0px solid;
}
.MainMenu_MenuIcon{
display: none;
}
.MainMenu_MenuArrow
{
display: none;
}
T.
Thanks