Active Navigation bar

hello,

 

i working on navigation bars, , have them "link" , "visited" gray , "hover" white.  "active" different color red-orange.  so, when go on page, aware on "about" page.  when add "active" after "hover" doesn't work.  i'm not sure i'm doing wrong. website is: www.archconarchitecture.com.

 

here code:

#navbar {

    font-family: "bankgothic md bt";

    font-size: 14px;

    font-style: normal;

    color: #999;

    background-color: #000;

    height: 30px;

    width: 665px;

    text-align: center;

    position: absolute;

    left: 3%;

    letter-spacing: normal;

    word-spacing: normal;

    vertical-align: middle;

    padding-top: 0%;

    padding-right: 10%;

    padding-bottom: 0%;

    padding-left: 10%;

    margin-top: 625px;

    margin-right: 0px;

    margin-bottom: 0px;

    margin-left: 0px;

    top: 0px;

    right: 3%;

    font-weight: normal;

}

  a:link {

    color: #999;

    text-decoration: none;

}

  a:visited {

    color: #999;

    text-decoration: none;

}

  a:hover {

    color: #fff;

    text-decoration: none;

}

  a:active {

    color: #f60;

    text-decoration: none;

there long discussion going on already, spanning several threads. short answer "it can't done :active can done"

 

there several ways, use .js others css, none of them can use :active though. easiest here:

 

http://alt-web.com/articles/persistent-page-indicator.shtml

More discussions in Dreamweaver support forum

adobe