I have a tabbed skin, with contrasting graphics (i.e. light blue and dark blue) for the tabs with the dark blue the selected tab and the light blue the non-selected tabs. I am using CSS to define the hover properties of both the selected and non-selected tabs.

My problem is that the properties for the non-selected tab hover (.MainMenu_TabMenuItemHover TD) displays for both the selected tab hover (.MainMenu_TabMenuItemSelHover TD) and non-selected tab hover (.MainMenu_TabMenuItemHover TD), even though they are different CSS classes and different definitions.

I have checked in the portal.css and default.css, both of which do not contain .MainMenu_TabMenuItemSelHover TD nor .MainMenu_TabMenuItemHover TD. They are only defined in the skin.css.

For example, I have:
   .MainMenu_TabMenuItemSelHover TD   =   dark blue background with yellow text  
   .MainMenu_TabMenuItemHover TD      =   light blue background with red text  

When I hover over either the selected or non-selected tabs, a light blue background with red text displays.

Any thoughts? We were thinking of creating an xml to define this. We were thinking of looking at the SOLPARTMENU module CSS to see if there was a problem there. Could it be the CSS class is misspelled?
   

Have you defined these CSS settings in your .ascx files?
Do you mean in the .xml? Here is that portion of the code:

 <Object>
  <Token>[SOLPARTMENU]</Token>
  <Settings>
   <Setting>
    <Name>leftseparator</Name>
    <Value><![CDATA[<img src="NewBluelittle_left.gif">]]></Value>
   </Setting>   
   <Setting>
    <Name>rightseparator</Name>
    <Value><![CDATA[<img src="NewBluelittle_right.gif">]]></Value>
   </Setting>   
   <Setting>
    <Name>leftseparatorbreadcrumb</Name>
    <Value><![CDATA[<img src="NewBlue_left.gif">]]></Value>
   </Setting>   
   <Setting>
    <Name>rightseparatorbreadcrumb</Name>
    <Value><![CDATA[<img src="NewBlue_right.gif">]]></Value>
   </Setting>   
   <Setting>
    <Name>rootmenuitemcssclass</Name>
    <Value>MainMenu_TabRootMenuItem</Value>
   </Setting>      
   <Setting>
    <Name>rootmenuitembreadcrumbcssclass</Name>
    <Value>MainMenu_TabRootMenuItemSel</Value>
   </Setting>      
   <Setting>
    <Name>rootmenuitemselectedcssclass</Name>
    <Value>MainMenu_TabMenuItemHover</Value>
   </Setting>
   <Setting>
    <Name>rootmenuitemactivecssclass</Name>
    <Value>MainMenu_TabMenuItemSelHover</Value>
   </Setting>
   
  </Settings>
 </Object>

Which menu are you using?
Solpartmenu vertical

Dear HoangHa

See the source code of my website... this is a website dnn version 3.1.0. (I've to upgrade it but I have not the time at this moment...)
Then you can see that I've used solpartmenu for the horizontal menu. And I've used the navigator module from bi4ce.com for the vertical menu. This is a menu that expand and collapse... (not like the vertical solpartmenu).
If you want to learn 'how you can make a skin' then you have to download the documentation from dnn.
I'm working now at about 15 new skins... (to sale at a fair price...) but I've not the time at this moment to finish the job...