no me quita el text-decoration en imagen

[jesusbet]

Hola, tengo en mi web un logo, el cual es un enlace hacia el index.html de la página, pero quiero que al pasar el mouse sobre dicha imagen no me ponga el odioso text-decoration: underline (o que me lo subraye pues), en miarroba no había tenido problema, pero ahora ya no puedo, miren: http://jesusbet.hollosite.com si pueden ver ahí al pasar el mouse sobre cada imagen, me subraya la imagen.

si ven el código fuente, pueden ver que está en una capa #logo, y en la css tengo esto:
#logo { /* CAPA LOGO */
left: 10px;
position: absolute;
top: 5px;
background-color: #FFFFFF;
text-decoration: none;
width: 27%;
}

obvio que eso es para la capa, para la/s imagen/es con enlace tengo esto:
a:hover {
color: #FFFFFF;
background-color: #004080;
text-decoration: none;
}

a img {
border-style: none;
border-width: 0;
text-decoration: none;
background-color: #FFFFFF;
}

a img:hover{
text-decoration: none;
}

y varias combinaciones mas para quitar el subrayado, pero no me sale

[n2h]

que no es al reves?

img a { /* primero la etiqueta, y luego la propiedad */
border-style: none;
border-width: 0;
text-decoration: none;
background-color: #FFFFFF;
}

img a:hover { /* idem q antes */
text-decoration: none;
}

[jesusbet]

voy a probar, gracias ;)

[PascalC]

no es eso, en realidad no hay subrayado, es el color de fondo que aparece al hover por causa de esta regla :
a:hover {
color: #FFFFFF;
background-color: #004080;
text-decoration: none;
}

Quita el background-color y funcionara. Eso pasa porque las imagenes son elementos inline alineados en la linea de base (vertical-align:baseline), puedes jugar con el verticla align, le line-height o cambiarles el display a block para que no haya problemas con el color de fondo.

[jesusbet]

aaaaahhh... es cierto... gracias man, eres un master