CSS: image link, change on hover

Question

I have an image that is a link. I want to show a different image when the user hovers over the link.

Currently I\'m using this code:

Answer 1

It can be better if you set the a element in this way

display:block;

and then by css sprites set your over background

Edit: check this example out http://jsfiddle.net/steweb/dTwtk/