ayuda con menu horizontal

[rosabelzd]

hola a todos los amigos del foro

tengo un menu horizontal en mi sitio. quisiera que cuando se haga clic en cada opcion del menu este quede activo con un estilo CSS que lo identifica como el actual.

como puedo lograr este efecto??

gracias a todos

sl2 Rosabel

[rosabelzd]

Aca les pongo un fragmento del menu, donde el elemento que tengo activo tiene una clase CSS llamada "active". lo que quiero lograr es que cuando pinche cada opcion del menu solo esa tenga la clase "active", para identificar donde estoy.

Código:

<div id="topnav">
      <ul>
        <li class="active"><a href="index.php">Main</a></li>
        <li><a href="list_subcath.php?cath=1">Properties</a>
        <ul>
            <li><a href="list_advert.php?sub=1">Houses</a></li>
            <li><a href="list_advert.php?sub=2">Flats</a></li>
            <li><a href="list_advert.php?sub=3">Offices</a></li>
            <li><a href="list_advert.php?sub=4">Shops</a></li>
            <li><a href="list_advert.php?sub=5">Land</a></li>
            <li><a href="list_advert.php?sub=6">Others</a></li> 
        </ul>
        </li> 
        <li><a href="list_subcath.php?cath=2">Autos</a>
        <ul>
            <li><a href="list_advert.php?sub=7">For Sale-New</a></li>
            <li><a href="list_advert.php?sub=8">For Sale-Used</a></li>
            <li><a href="list_advert.php?sub=9">For Rent</a></li>
            <li><a href="list_advert.php?sub=10">Others</a></li>
        </ul>
        </li>
</div>