* {padding: 0; margin:0;}#imageresize {background:#FFFFFF;}#imageresize a { float:left; width: 8em; padding: 5px 10px 5px 10px; background-image:url(smallimage.png); width:100px; height:100px;}#imageresize a:hover { padding-top: 10px; background-image:url(LARGEimage.png); width:200px; height:200px;}
<div id="imageresize"><a></a></div>