Hi,

I have added the hover to the HeaderMenu on my site with HomePage showing Visited or Selected as a default. However, I can't seem to make the rest of the buttons highted as selected when I clicked on them.

http://myamericanfurnituregalleries.com

Above is the link to my site and since I am new to ASP.NET and other related issues, I thought of throwing my questions in this Forum and hopefully, someone with experience can guide me.

The codes I have in my style sheet as follow:

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

  MASTER HEADER MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.headermenu
{  
   background: #efebce;
   height: 34px;
   width: 960px;
}

.headermenu ul{margin: 0px auto;}

.headermenu li
{
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

/* ancors Start
---------------------*/
a{outline: none;}

a, a:link, a:visited {
color:#006699;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

.headermenu li a
{ display: block;
  float: left;
  height:26px;
  text-decoration: none;
  padding: 6px 19px 0px 19px;
  border-right: 2px solid;
  font-weight: bold;
  background: #935d29;
  color: #4c1d00;
  border-color: #935d29;
  background:transparent url('images/nav_tab_bg.png') no-repeat scroll left top;
}

.headermenu li a:hover, .headermenu li a.selected, .headermenu li a.selected:hover
{ background: #82974B;
  color: #EEE;
  border-color: #935d29;
    background:transparent url('images/nav_tab_bg.png') no-repeat scroll left top;
  background-position: 0 -34px;
}

I appreciate all the help I can get!