[Ovillo] Hack PNG desde CSS

[Alvarez Laurnaga, Jose Antonio]

> >La clase .button corresponde a imágenes contenidas dentro del enlace:
> >
> >.boton_avance a:hover .button {
> >       width: 44px;
> >       height: 49px;
> >       background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
> >       border: none;
> >}
> >
> ><!--------------- html ------------------------->
> >
> ><div class="boton_avance">
> >      <a href="#" title="avanzar"><img class="button"
> >src="img/1x1.gif" alt="Avance" /></a>
> ></div>
> >
> >La parte que no interpreta es el posicionamiento a través de la
> >pseudoclase :hover cuando hago rollover...
> >
> > background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;

Pues entonces no entiendo porqué no te funciona. Revisa la imagen porque yo he creado un archivo con tu código (CSS y HTML) y con un png y funciona. Normalmente el cambio de posición se hace hacia valores negativos (de 0 0 a 0 -49px), pero depende de cómo este hecho el png. Si puedes subir la imagen a algún servidor se podría saber qué está fallando. Un truco es aumentar la altura de button para ver el movimiento sin que quede oculto. Eso no falla. 
Eso sí me parece que lo estás haciendo de una forma un poco retorcida ;-)
Si entiendo bien lo que quieres hacer bastaría con:

<!--------------- html ------------------------->

<a href="#" title="avanzar" class="boton"></a>

<!--------------- css ------------------------->

a.boton, a.boton:hover  { 
    display:block;
    width: 44px;
    height: 49px;   
    border: 1px solid blue;
    background: url(playbuttons-trans.png) no-repeat 0 0;				
 }
 a.boton:hover { 
    background-position: 0 100%;				
 }

Jose