Jquery+ wordpress

[shezard]

Estoy intentando darle estilo a un menu de wordpress, intento que una imagen de fondo desaparezca para se rememplazada por ninguna cuando el raton pasa por encima(hover); por un lado consigo cambiar a nada pero nunca soy capaz de hacer que la imagen original vuelva a su sitio una vez el raton sale del contenedor. hasta ahora he utilizado este codigo

Código:

$(function(){

		$("#menu-item-45").hover(function(){
		$("#menu-item-45").css("background-image", "none")
	}, function(){
		$("#menu-item-45").css("background-image", "url(img/home.png)")
	
	});	
});

he comprobado 1000 veces que el path de la imagen sea el correcto, lo he puesto en la misma carpeta que el archivo .js incluso he utilizado

Código PHP:

  <?php bloginfo('template_directory');?>/img/home.png  

que es lo que utiliza wordpress para localizar las imagenes, pero no hay manera de hacer que el fondo original vuelva a su sitio.

Gracias de antemano!

[shezard]

Para mas informacion tambien lo he intentado con CSS i tampoco funciona

Código CSS:

#menu-item-45{
 
    background-image:url(img/home.png);
    background-repeat: no-repeat;
}
#menu-item-45: hover{
    background-image:none;
 
 
 
}