si solo son dos imágenes paralelas bastaría con con:
Código CSS:
Ver original#img a{
display:block;
width:32px;
height:32px;
background: url(sprite.jpg) top no-repeat;
padding: 5px 0 12px 40px;
}
#img a:hover{
background-position: bottom;
}
el ancho y alto coloca el remanente de las medidas de tus imágenes menos el padding que aplicas