bien acabo de hacer una simulacion bastante simple, ia que no conosco tu codigo fuente.
Generalmente cuando queremos hacer links personalizados no es recomendable que toquemos los valores predefinidos para el <A>
asi si queremos un estylo propio hariamos lo siguiente:
aplicacion de simulacion:los stylos en ese orden siempre y los inherit solo reemplazan el valor transparente esto para una buena validacion en css standar si hay un color debe haber un background-color y viciversa.
A.fuenteuno:link{
background-color:inherit !important;
color:#999999;
text-decoration:none;}
A.fuenteuno:visited{
color:#999999;
background-color:inherit !important;
text-decoration:none;}
A.fuenteuno:hover{
background-color:#484848;
color:inherit !important;
text-decoration:underline;}
A.fuenteuno:active{
color:#999999;
background-color:inherit !important;}
entonces mi texto linkeable heredaria la clase fuenteuno de color plomo y cambiaria a mas gris su fondo al pasar sobre el.
para la imagen lo que habiamos puesto anteriormente otra clase:
.imagenes{
display:block;
width:xpx;
height:ypx;
background-color:#mismo valor hexadecimal que buscas;
color:inherit !important;}
asi en el cuerpo de mi doc html los llamaria:
<BODY>
<A href="#" class="fuenteuno">ir a imagen 01:</A><P>
<A href="#"><IMG src="brillokevu.jpg" width="158" height="142" border="0" alt=""></A>
</BODY>
y tendrias lo que quieres, en css todo debe estar muy ordenado. hay un <P> y no hay problema con eso aunque personalmente trabajo con cajas.
espero no me haya extendido mucho y otra vez suerte, checa bien tu codigo.