/*CSS code*/

#css-tuts {
width:200px;
height:100px;
text-decoration:none;
display:block;
background-image:url(http://www.shoutmeloud.com/wp-content/uploads/2011/07/final-image.png);
background-position:0px 0px;
}
#css-tuts:hover,#css-tuts:active {
background-image:url(http://www.shoutmeloud.com/wp-content/uploads/2011/07/final-image.png);
background-position:0px -100px;
}


/*Code for calling Image effect*/

<a href="some link" id="css-tuts"></a>

Example: <a href="http://www.shoutmeloud.com" id="css-tuts"></a>