portexto enlaces, tengo:

CSS:

a:link {color: #3366a9; text-decoration: none}
a:hover {border-bottom: 1px solid; color: black}

Pero esto también añade un subrayado negro en linkableIMGs que yo no quiero

¿Cómo elimino elborder-bottom en IMGs enlazables cuando se desplaza con CSS?

He intentado lo siguiente:

a:hover img {border-bottom: 0px}

Pero eso no funciona

Ejemplo vivo (intenta desplazarse sobre el logotipo en la parte superior izquierda)