Hello,
I find it hard to go through code without seeing a live example to edit, so here is some code that I used which comes from the 3rd menu in this tutorial:
How to create Horizontal CSS menus in DotNetNuke using the HouseMenuYou have to be really careful with the currentitem element as I found that other elements specified before in the HouseMenuNav class can easily override the colors specified for the currentitem. - You may find it easier to experiment with the web developers toolbar and strip out elements at a time.
Troubleshooting DotNetNuke SkinsThe code below should help you solve your problem though.
(This is just for the main menu, not the sub menu)
/* Horizontal Menu */
#HouseMenuNav
{
/*menu wrapper div */
margin-left: 50px;
font: bold 100% Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
}
#HouseMenuNav ul
{
padding: 0;
margin: 0;
list-style: none;
float: left;
}
#HouseMenuNav ul
{
border: 0;
background-image: url(buttons/button_sm.gif);
background-repeat: repeat-x;
background-color: #95353D;
}
#HouseMenuNav li
{
list-style: none;
float: left;
}
#HouseMenuNav li a:link, #HouseMenuNav li a:visited
{
display: block;
color: #FFF;
text-decoration: none;
padding: 4px 1em;
border-right: 1px solid #711515;
}
#HouseMenuNav li a:hover
{
background-image: url(buttons/button_hover_sm.gif);
background-repeat: repeat-x;
background-color: #711515;
color: #FFF;
}
#HouseMenuNavCurrentLink
{
background-image: url(buttons/button_selected_sm.gif);
background-repeat: repeat-x;
background-color: #ED9F9F;
cursor: default;
}