Hola Oscar,

En tu última regla css tienes un par de errores
#nav a:link.active, #nav a:visited.active, #nav a:hover {border-bottom: 4px
solid #0086da; padding-bottom: 2px; color: #000;}

Juraría que las pseudoclases :link y :visited has de escribirlas después de 
la clase (.active) p.ej: #nav a.active:link

Para el estado :active no has definido ninguna regla, por eso no hace nada. 
Prueba lo siguiente a ver si es lo que querías:

#nav a.active, #nav a:hover, #nav a:active, #nav a:focus {
border-bottom: 4px solid #0086da; 
padding-bottom: 2px; 
color: #000;}

El orden en que escribes las pseudoclases en la css tiene su importancia, ha 
de ser el siguiente: Link, Visited, Hover, Active y para recordarlo existe 
una regla nemotécnica: LoVe-HAte. 

Te he añadido la pseudoclase :focus para que el efecto también se produzca 
al desplazarte por la lista con el tabulador. En este caso no sé si el orden 
es importante (lo he puesto al final) ni qué soporte tiene, pero funciona en 
Firefox y IE6/Win.

Saludos

-- 
_____________________
Fernando Gutiérrez
http://ferguweb.tx.com.ru/
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a