-Webkit-transition con css

[davidmiichu]

Hola amigos necesito aplicar un -webkit-transition con este sprite que ya habia puesto,
lo tengo asi, pero no me sirve:

Código CSS:

#list1 a:hover {
    background-image:url(nav.png) 0px -46px no-repeat;
-webkit-transition:all 1s ease-in-out;  /* Chrome y Safari */
  -o-transition:all 1s ease-in-out;  /* Opera */
  -moz-transition:all 1s ease-in-out;  /* Mozilla Firefox */
  -ms-transition:all 1s ease-in-out;   /* Internet Explorer */
  transition:all 1s ease-in-out;  /* W3C */
}
 

Esta es la sgte imagen: