Boton CSS con Hover ¿Tiene setnido?

Muy buenas, hace un tiempo ví un tuto para que, con un mismo gif/jpg. hacer un botón con dos estados.

Como no me acordaba, he hecho esto:

Código HTML :

<style type="text/css">
#contenedor{margin:50px auto;}
.boton{
      cursor:pointer;
      width:100px;
      height:29px;
      margin:auto
      ;overflow:hidden;
      background:url(pulsa.png);
}
.boton:hover{
      cursor:pointer;
      background:url(pulsa.png) bottom;}

</style>

--------------Body--------------
<div id="contenedor">
      <a href="#"><div class="boton"></div></a>
</div>

¿Está bien así?

P.D-> http://prueba-zencart.netne.net/boton/boton.html Aquí he puesto el ejemplo.

este tutorial?
podrias hacerlo tambien (funciona mejor para cuando son muchas imagenes) asi

Si!! Mil gracias Tribak! Desconocía el 2º tuto

la primera opcion es totalmente valida, lo que en cuanto a accesibilidad no es buena idea utilizar imagenes para un menu.

Ni poniendole un 'title' en la imágen?

bueno mas que title deberías poner el atributo alt