declaras muchas veces propiedades a los links <a>
deberias organizarte mas, que tu codigo CSS es algo una sopa de desmapaye.
Usa clases o mete estos "links" dentro de un div contenedor.
Ejemplo: div id="contentlink"
y quita decoraciones con #contentlink a {text-decoration:none;}
despues da propiedades a estos mismos links con lo siguiente:
#contentlink a:link {aqui propiedades;}
#contentlink a:hover {aqui propiedades;}
#contentlink a:visited {aqui propiedades;}
#contentlink a:active {aqui propiedades;}
Debe de funcionar, ya que por ejemplo.
dar un color a #div a, despues das otra decoracion a #div a span, despues das otra decoracion a #div a:link
sabiendo que si solo aplicas todas las propiedades a cualquiera de estas, surgira efecto, pero no entiendo, el erro debe estar a qu sesobreponen valores uno de otros, y chrome no ha de entenderlo XD
P.D: al usar una lista desordenada, no creo que sea necesario el span.
Ya si usas el span para darle algunas propiedades que ya tienes especificadas en tu CSS, no lo creo conveniente pues, tambien tendrias que declarar link, hover, active, visited.
Saludos
