Resaltar el item actual seleccionado del menu

Nuestro sitio web tiene un menú, ya sea horizontal o vertical. El usuario navega a través de él. Es importante que cuando el usuario haga clic sobre un item de nuestro menú, hagamos que éste se resalte para que de esta manera nuestro usuario sepa dónde está posicionado o navegando.

Una solución es haciéndolo con JQuery.

Código HTML - menú

Inicio
Quiénes Somos
Servicios
Contáctenos
FAQs

Código CSS - menú

#navegacion
{
 height: 41px;
 background-color: #07A8D6; 

}

#menu
{
 padding: 0;
 margin: 0;

}

#menu li
{
 display: inline; 
}

#menu li a:link, li a:visited
{
 text-decoration: none;
 float: left;
 color: #fff;
 background-color: #065081; 
 padding: 10px;
 border: 1px solid #fff;
}

#menu li.current a
{
 background-color: #07A8D6 ; 
}

#menu li a:hover
{
 background-color: #07A8D6; 
 margin-top:-2px;   padding-bottom:12px;  
}

Código JQuery

HaPPy CoDiNg =)