I'm just beginning work on a new site, and the hover state of the menu (SolPart) is driving me insane.
 
http://mcpherson2006.11.websecurestores.com/
 
If you hover over the menu, you'll notice that a partial border appears.  I've tinkered with the CSS in every way I can think of, but I can't seem to find the cause for this.  It didn't appear when I ran the site locally.  It began once I uploaded to the server.  Was there a recent change to the solpartmenu?  I just can't figure out what is causing this.

If it's any help, here's the CSS for the menu:

/*-- box that holds the menu  --*/ .MainMenu_MenuContainer
{
background-color: transparent;  width: 191px; }

/*-- bar that holds the menu  --*/ .MainMenu_MenuBar
{
cursor: pointer; cursor: hand; background: #fff;  width: 199px; }

/*-- submenu container        --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu
{
z-index: 1000;  cursor: pointer;  cursor: hand; margin: 0 0 0 1px; background: #f3f3f3; padding: 0px; border: 1px solid #999; font-weight: normal; filter: none; }

/*-- submenu items idle       --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem
{
font-family: tahoma;  color: #6A6A6A; font-size: 11px; background: #f3f3f3; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0; }

/*-- submenu items hover      --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel
{
font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #4F4F4F; background: #DCDCDC; padding: 0px 30px 0px 16px; height: 20px; border: 0;}

/*-- menuitems idle           --*/ .MainMenu_Idle
{
color: #666; background:  url(nav_idle.gif) no-repeat; padding: 0; height: 30px; font-weight: bold;}

/*-- menuitems over           --*/ .MainMenu_Selected
{
color: #666; background:  url(nav_over.gif) no-repeat; padding: 0; height: 30px; font-weight: bold;}

/*-- menuitems active         --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {
color: #666; background:  url(nav_active.gif) no-repeat; padding: 0; height: 30px; font-weight: bold;}

/*-- not needed - main menu   --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon 
{ display: none; }

/*-- module menu continer     --*/ .ModuleTitle_MenuContainer
{ color: #2c2c2c; }

/*-- module menu bar          --*/ .ModuleTitle_MenuBar
{ cursor: pointer; cursor: hand;}

/*-- module menu padding      --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel
{ padding: 0 5px 0 0; }

/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon
{ display: none; }

If any see's my problem, I would be eternally greatful!

I happened to experience this. Here is a few tips I use when debugging :

- often borders are in fact backgrounds and not real borders, check this

- I avoid transparencies when I debug. Instead, I use flashy colors (green, magenta, etc) so I easily identify what's wrong

- I name colors when debugging

- I suppress all margins or padding

- I use a single css for the whole portal. Overlapping css's is a main cause of my headaches with css

Benoit

I understand your problem. I also use this skin on my site (www.dontnetnuke-websites.nl) and and changing it is sort of a problem. If you send me your skin.css file and the associated ???.ascx file your using. I will look into it.

Peter

Thank you.  I'll gladly take all the help I can get at this point.  It's kind of embarrasing really - they requested such a simple menu, and I can't get the darned thing to work properly.  Like I said it works great on my local machine, and on a test server I have at webhost4life... but when I upload it to my "real" server... the menu takes a dump.  Different version of SOLPARTMENU maybe?  I can't figure it out.

Peter, I just zipped up the css and associated aspx... but I realized I don't know where to send it.

Thanks

Thanks Peter!  I just sent an email ("Menu Problem".  I sure appreciate you looking at this.

Robert