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

use a class for the link itself and forget the div

.twitterbird {
 margin-bottom: 10px;
 width: 160px;
 height:160px;
 display:block;
 background:transparent url('twitterbird.png') center top no-repeat;
}

.twitterbird:hover {
   background-image: url('twitterbird_hover.png');
}