Hi, I need help with my Solpart menu. The problem is, when idle, the sub menu items look fine :
But when hover, there's a little white space in the right of the selected tab :
I know this is caused by the padding value in skin.css, but I can't figure the solution to fix it. Please point me to the right direction. Thanks
Here's my submenu configuration :
.submenu{
cursor: pointer;
cursor: hand;
border:1px #C0C9D1 solid;
margin-top:0px;
margin-left:3px;
background:#ffffff repeat-x;
z-index: 4;
font-family:Verdana;
font-size: 10px;
padding-right:10px;
}
.MainMenu_MenuArrow{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuBreak{ display:none; }
.MainMenu_MenuItem, .submenuitembreadcrumb{
cursor: pointer;
cursor: hand;
color:#325167;
font-size:10px;
font-weight:bold;
font-family:Verdana;
border:1px #ffffff solid;
border-width:1px 0px;
z-index: 4;
}
.submenuitemselected{
cursor: pointer;
cursor: hand;
color:#FFFFFF;
font-size:10px;
font-family:Verdana;
font-weight:bold;
background:#008fb1 repeat-x;
border:1px #C0C9D1 solid;
border-width:1px 0px;
z-index: 4;
}