Bottone sposta in jquery

[artux]

Ciao,

Ho provato a seguire questa guida:
http://snook.ca/archives/javascript/...age-animations

Funziona su tutti i browser eccetto ie (la demo nel link sopra invece funziona con ie):

$(document).ready(function(){  
				
					$(function(){
						$('#menu a')
						.css( {backgroundPosition: "0 0"} )
						.mouseover(function(){
							$(this).stop().animate({backgroundPosition:"(-257px 0)"}, {duration:500})
						})
						.mouseout(function(){
							$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
						})
					});
eccetera ma non centra...

Così ho guardato cosa mi dice e mi da questo:

undefined è nullo o non è un oggetto

Ora le ho provate tutte: mettere e togliere parentesi, mettere punti e virgola, mettere la posizione anche sul css, mettere solo la x della posizione dello sfondo, pregare... ma niente.

Qualche fonte di illuminazione?

[skjobax]

molto probabilmente undefined si riferisce a "#menu a".
Fai qualche prova: esiste un elemento con tale id?
Se si, riesci a catturarlo con il query selector di jQuery o in altri modi?

[artux]

Originariamente inviato da skjobax
molto probabilmente undefined si riferisce a "#menu a".
Fai qualche prova: esiste un elemento con tale id?
Se si, riesci a catturarlo con il query selector di jQuery o in altri modi?

Grazie per la risposta, ho provato a mettere per ogni bottone una sua id, ma continua a non funzionare su ie.

[skjobax]

Originariamente inviato da artux
Grazie per la risposta, ho provato a mettere per ogni bottone una sua id, ma continua a non funzionare su ie.

Ie da problemi, purtroppo...
Ma invece di "#menu a" perché non metti un id al link e scrivi ad esempio "#link_id"?