HTML: remove a: passe o mouse para imagens?

Paratexto links, tenho:

CSS:

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

Mas isso também adiciona um sublinhado preto no linkableIMGs que eu não quero.

Como faço para remover oborder-bottom em IMGs vinculáveis ​​quando pairou usando CSS?

Eu tentei o seguinte:

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

Mas isso não funciona

Exemplo ao vivo (tente passar o logotipo no canto superior esquerdo)

questionAnswers(7)

yourAnswerToTheQuestion