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

I usually do something like this to remove the gap under images:

img {
  display: block;
  float: left;
}

Of course this is not always the ideal solution but it's fine in most situations.