bueno no se si te entendi pero bueno... aqui te pongo esto ojala te sirva de algo chao!...
Código css:
Ver original/*
para los :hover imaginemos que tu imagen de fondo tiene 40px de alto ok?... pero
en ella 20px es tu imagen estatica y los otros 20px es la imagen en :hover ok?
en tonces cuando hacemos el :hover simplemente le cambiamos la posicion de altua.
*/
.lnk1, .lnk2, .lnk3{ width:200px; height:20px; display:block;}
.lnk1{background:url(http://i41.tinypic.com/261yjol.jpg) }
.lnk1:hover{background:url(http://i41.tinypic.com/261yjol.jpg) 0 20px;}
.lnk2{background:url(http://i41.tinypic.com/261yjol.jpg);}
.lnk2:hover{background:url(http://i41.tinypic.com/261yjol.jpg) 0 20px;}
.lnk3{background:url(http://i41.tinypic.com/261yjol.jpg);}
.lnk3:hover{background:url(http://i41.tinypic.com/261yjol.jpg) 0 20px;}
Código html:
Ver original<a href="#" class="lnk1"></a> <a href="#" class="lnk2"></a> <a href="#" class="lnk3"></a>