Comment reproduire ce menu déroulant animé?

Question

J'essaie de reproduire le menu déroulant animé ici, mais j'ai des problèmes.

Voici le code que je suis en train, mais il ne fonctionne pas comme prévu: http://jsfiddle.net/EHw6n/

Les menus sont empilées, de l'autre et je pense que je créé un gâchis inutile. Quelqu'un peut-il m'aider à résoudre ce problème ou peut-être y a-t-il quelque chose qui le fait?

Answer 1

Il vous manquait des styles. Les éléments de menu nécessitaient une valeur pour la propriété de gauche afin qu'ils ne soient pas empilés. Aussi; Les abaissements ont besoin du réglage de la position d'arrière-plan pour déplacer l'image-objet de l'image.

Mise à jour jsfiddle: http://jsfiddle.net/EHw6n/1/