Uso de Gif animado al fondo con hover

[mr_estufo]

Saludos, este es mi primer post.
Al grano, estoy empezando en esto del desarrollo web y tengo una barra de menús en la página que estoy haciendo con enlaces en <UL>. La duda es por qué cuando pongo un gif animado de fundido en el background del <LI> para que se active con :hover. Cuando le doy a visualizar en el navegador funciona, pero cuando pincho en cualquier enlace ya no vuelve a activar bien la animación, simplemente se vá al ultimo fotograma del gif.

Aquí os pongo el html

Código:

<ul id="pestañas">
       <li id="pmira"><a href="mira.html" title="presentación">MIRA</a></li>
	   <li id="pbodas"><a href="bodas.html" title="bodas" >BODAS</a></li>
	   <li id="preportajes"><a href="reportajes.html" title="reportajes" >REPORTAJES</a></li>
	   <li id="pimagen"><a href="imagen.html" title="imagen corporativa" >IMAGEN CORPORATIVA</a></li>
	   <li id="pobjetos"><a href="objetos.html" title="objetos personalizados">OBJETOS PERSONALIZADOS</a></li>
	   <li id="pwebs"><a href="webs.html" title="webs amigas">WEBS AMIGAS</a></li>
	   <li id="pcontacto"><a href="contacto.html" title"contacto">CONTACTO</a></li>
	 </ul>

y el css usado

Código:

li:hover{background: url(../images/transicion.gif) repeat #000;}

Pensé en los gif animados para los fondos porque bastante tengo con aprender xhtml y css como pa ponerme ya a empollar Js o Flash. Además flash
casi todo el mundo lo pone a parir por tener que cargar plug-ins, accesibilidad y ser propietario (mi profesor el primero).

De antemano MUCHAS GRACIAS y siento que me haya quedado tan tocho.

[Raulmmmm]

Prueba a poner, además del hover, visited y active así:
li: hover
li: visited
li: active
No sé si está bien, no lo he probado, pero igual funciona.
Saludos

[mr_estufo]

Lo he probado y no he conseguido nada. También he provado a meter un spam dentro del enlace y darle la clase a el pero me sigue fallando =.
Lo que más me preocupa es que cuando lo visualizo por primera vez funciona el efecto pero al cambiar a otra página a veces va y a veces no.
Gracias =mente por responder

[:.SMITEXX.:]

Oye, prueba a hacer lo que quieres utilizando la etiqueta a en vez del li, pues los enlaces se controlan con a y no con li.
a:hover
a:visited
a:active

Ojalá te sirva

[mr_estufo]

Probé tambien con <a> y el problema es el mismo. El fondo al ser animado en lugar de estático funciona al principio pero luego cuando le da por ahí deja de funcionar.

Truco del dia la biblioteca de Dean Edwards IE7, te permite hover sobre cualquier etiqueta además de la <a> en los explorers 5.5 y 6, además de min-widht min-height y muchas más sorpresas

Gracias por contestar. Sigo buscando, si lo encuentro lo publico.