CSS Y Javascript... tabs menu

[machoman112233]

Buenas...

A ver si me podeis ayudar... el problema es el siguiente. Tengo una css con los tabs de unos menus, el problema viene cuando tengo que usar la opcion del tab activo. No se como hacer un script para que me pongo la propiedad del tab activo sobre el link correcto... tampoco se mucho de javascript, a ver si me podeis explicar... Os pongo la idea simple...

Código css:

#navegacio
{  
    border-bottom: 1px solid #788;  
    padding: 3px 0; /* identic al padding del element 'a' */  
}
 
#navegacio li
{  
    list-style-type: none; 
    display: inline; 
}  
   
#navegacio li a
{  
    text-decoration: none;  
    color: #3c3c3c; 
    padding: 3px 0.5em; 
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: #dedede;
}  
 
#navegacio li a:visited 
{
    color: #667; 
} 
 
#navegacio li a:hover
{  
    color: #000;  
    background: #3fce9a;  
    border-color: #2334ed;  
}
 
#navegacio li a#actiu
{  
    background-color: #fff;  
    border-bottom: 1px solid #fff;  
}
 

Código html:

<p>Pestanyes</p>
 
<ul id="navegacio">  
    <li><a id="actiu" href="#">Inici</a></li>  
    <li><a href="#">Qui som?</a></li>  
    <li><a href="#">Secretaria</a></li>  
    <li><a href="#">Estudis</a></li>  
    <li><a href="#">Enllaços</a></li>  
</ul>