How to change background-color on text links on hover but not image links

Question

I have a CSS rule like this:

a:hover { background-color: #fff; }

But this results in a bad-looking gap at the bottom on image links, and wh

Answer 1

This way works way better.

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
    text-decoration: none;
    border: 0 none;
    background-color: transparent;
    }

No cumbersome classes that have to be applied to each image. Detailed description here:

http://perishablepress.com/press/2008/10/14/css-remove-link-underlines-borders-linked-images/