Pls see http://mngts.encumpus.com/Portals/138/image/submenuissue.jpg
I tried reducing the width of the submenu but it doesnt work.. I also included display:none inside icon and arrow but still nothing happens..
My css for the menu is this :
.MainMenu_MenuContainer
{
width:190px;
height:22px;
}
.MainMenu_MenuBar {
cursor: pointer;
cursor: hand;
}
.MainMenu_MenuItem
{
cursor: pointer;
color: #0F3C1D;
font-family: Arial, Tahoma;
padding-left: 4pt;
background-image: url(menu.jpg);
font-size: 13px;
font-weight: bold;
font-style: normal;
width:192px;
height:22px;
}
.MainMenu_SubMenu {
z-index: 1000;
cursor: pointer;
border:0;
width:170px;
height:22px;
font-size: 13px;
font-weight: bold;
font-style: normal;
}
.MainMenu_MenuIcon
{
display: none;
border:0;
}
.MainMenu_MenuItemSel
{
cursor: pointer;
color: #ff5206;
font-family: Arial, Tahoma;
padding-left: 4pt;
font-size: 13px;
height:22px;
font-weight: bold;
font-style: normal;
background-image: url(menuover.jpg);
}
.MainMenu_SubMenuItemSelected
{
border: 0px;
color: #000063;
}
.MainMenu_MenuArrow
{
display: none;
border:0;
}
.MainMenu_MenuBreak {
height: 0px;
}
.SelectedMenu
{
color:#ffffff;
text-decoration:none;
}