"Active" funktion i menu

Jeg har følgene menu :
<head>
<style type="text/css">
/* CSS Tabs */
.container {
        width: 768px;
        padding: 0px;
        margin: 3px 0 0px 0;
        border: 0px solid #ccc;
        background: #fff;
}


/* form */
.texta {
font-size: 10px;
font-weight: bold;
background-color: #CCCCCC;
border: 0px;
height: 14px;
margin: 0;
float: right;


}

/* rounded */

#nav {
        margin: 0;
        padding: 0 0 20px 0px;
        border-bottom: 2px solid #9FB1BC;
}

#nav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#nav a:link, #nav a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
        color: #000;
        background: url(../images/rounded.gif) no-repeat bottom center;
}

                -->
                </style>

</head>



Body :

<div class="container">
                        <ul id="nav">
<!-- CSS Tabs -->
              <li><a href="../index.php">Forside</a></li>
              <li><a href="../shop/products.php">Produkter</a></li>
              <li><a href="../betingelser.php">Handelsbetingelser</a></li>
              <li><a href="../support.php">Support</a></li>
              <li><a href="../faq.php">FAQ</a></li>
              <li><a href="forum.php">Forum</a></li>
              <li><a href="about.html">Om os</a></li>
</ul>
              </div>


Nu har jeg siddet og vredet min hjerne i et par timer med, hvordan man integrerer <class="active"> sådan så den side man er på er markeret i menuen?

Nogen der kan hjælpe?