Remove border-bottom from linked images while hovering

Hi!

I’m completely desperate and can’t find a solution despite of searching the www for dozens of hours.

For text links, I have added following css code:

a:hover {border-bottom: 3px solid #000;}

Unfortunately this also adds a thick black underline on linkable IMGs which somehow ruins the look of my entire site.

How do I remove the border-bottom on linkable IMGs when hovered using CSS?

I’ve tried following codes without being able to fix the issue:

a:hover img {border-bottom: none !important;}

or:

.image_link {border-bottom: none !important;}

or:

a.imglnk{border: none !important;}

So far nothing worked out 🙁

Any help regarding this issue would be highly appreciated. I know it’s just a small detail – but for me it means the whole world.

Many thanks in advance!

For better understanding please have a look at:

http://www.huberthasler.de/works

The logo on the left fold out menu is affected as well.

Best wishes

m