Crear menu CSS Sprite con efecto de imagen con jQuery ¿es posible?

[mayid]

Ese menu se maneja con CSS, y quizas con ayuda de jquery para dar un efecto fadeIn.

Aqui estan los originales de imagen, que se posicionan como background-images:

http://www.bigmediadaily.com/images/menu-tech.png

http://www.bigmediadaily.com/images/menu-movies.png

Y el truco esta en correr la imagen para que en vez de la parte visible se vea la parte escondida.

Quizas esto sea todo el truco, fijate:

#games {background:url(/images/menu-games.png);}
#games:hover {background-position:bottom;}


#movies {background:url(/images/menu-movies.png);}
#movies:hover {background-position:bottom;}

#tech {background:url(/images/menu-tech.png);}
#tech:hover {background-position:bottom;}

Estas diciendo que en mouseover se muestre la parte baja de la foto.