Angive aktiv link i en liste

Hejsa.. Jeg har lidt problemer:

Har lavet flg. liste:
<div id="menu">
  <ul>
    <li class='link-active'><a href="#">forsiden</a></li>
    <li><a href="#">information</a></li>
    <li><a href="#">galleri</a></li>
    <li><a href="#">booking</a></li>
    <li><a href="#">kontakt</a></li>
  </ul>
  <br clear="left">
</div>

-----------------
Stylesheet'en hertil ser således ud:

#menu {
    margin: 30px auto 0px auto;
    width: 650px;
    text-align: center;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#menu li {
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
    width: 130px;
}


#menu a {
    display: block;
    width: 100%;
    padding: 0px 10px 3px 10px;
    text-decoration: none;
    color: #dddddd;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: solid #bbbbbb 2px;
}

#menu a:hover {
    color: #e77521;
    border-bottom: solid #e77521 2px;
}

---------

Det jeg gerne vil, er at gøre:

.link-active a {
    color: #e77521;
    border-bottom: solid #e77521 2px;
}

Sådan, at når et list-element tilhører klassen link-acive, ser den lige sådan ud som når en alm. er hover.

Det kan jeg bare ikke få den til. Har prøvet alle mulige kombinationer af klasser med mere.

Håber en af Jer kan hjælpe.

På forhånd tak.

M.v.h.
Henrik Rasmussen