アクティブなリンク

こんにちは。教えてください、メニューのアクティブなリンクのスタイルを指定するにはどうすればよいですか。:activeという疑似クラスを使ってもうまくいきません。正確には、指定してもスタイルが変わらないのです。アクティブなリンクをハイライトさせたいです。

次のようなスタイルを設定しているのですが、何も起こりません:

#block-menu-menu-header-menu li a:hover,
#block-menu-menu-header-menu li a:active{
    margin-top: 5px;
    padding-top:5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    font-size: 22px;
    text-decoration: underline;
    /*font-weight: bold;*/
    font-family: Tahoma;
    background: #cc0000;
    /*background: url(../images/menu-bg.png) left top repeat-x;*/
    height:30px;
    display: block;
    border-left: 2px solid rgba(0, 0, 0, 0.5);
    border-top: 2px solid rgba(0, 0, 0, 0.5);