Hola
intenta ponerlo asi:
#imag a {color: #000000}
#imag a:link {color: #000000}
#imag a:visited {color: #000000}
#imag a:hover {background-color:red; border:4px solid red}
#imag a:active {color: #000000}
creo que el error estaba en que le agregaste unos puntos de mas
asi:
#imag a {color: #000000}
#imag a:link. {color: #000000}
#imag a:visited. {color: #000000}
#imag a:hover. {color: #000000}
#imag a:active. {color: #000000}
otra cosa de lo que me he dado cuenta es que los estilos heredan es decir
si tu tienes algo asi: (solo es un ejemplo)
a.conten {color: red; text-decoration: none}
a:link.conten {}
a:visited.conten {color: red}
a:hover.conten {color: white; text-decoration: underline; background-color: black}
a:active.conten {color: orange}
y luego pones otras caracteristicas diferentes asi:
a.tab {color: yellow; text-decoration: none; display: block}
a:link.tab {color: yellow}
a:visited.tab {color: goldenrod}
a:hover.tab {color: white; text-decoration: underline; font-weight: bold; background-color: black}
a:active.tab {color: #8470FF; font-weight: bold}
como tu le has indicado aqui (rojo) texto en negrita
en la otra que se llama "conten" tambien le pondrá el texto en negrita, ya que no le has dicho lo contrario yo lo tomo como el dicho (el que calla otorga) serán negrita a menos que me digas que no
si me explico?????
tambien me di cuenta de otra cosita pero no estoy muy segura de esto tienes esto en el documento:
<link href="../estilos.css" media="screen" rel="StyleSheet" type="text/css">
yo siempre lo pongo asi:
<link href="estilos.css" media="screen" rel="StyleSheet" type="text/css">
no se si te genere algun error
pero te repito en esto no estoy muy segura
Checalo asi, y me avisas
saludos