Problème de sous-menu dans un menu style lavalamp

Bonjour,

J'essaye tant bien que mal d'adapter un menu style lava-lamp.
Il fonctionne sauf que quand j'y ajoute des sous-menu, l'effet "lavalamp" ne fonctionne plus.
Comme une démo vaut mieux qu'un long discours : c'est ici.

Sinon voici le code css en question :

ul.menu {margin:0; padding:0; z-index:0; height:230px;}
ul.menu * {list-style:none}
ul.menu a {display:block; text-decoration:none;}
ul.menu a:focus {outline:0;}
ul.menu li {position:relative; float:left; width:130px; z-index:12;}
ul.menu .menulink {vertical-align: middle; padding:0 10px 0 10px;}
#cursor {background:url('images/onglet.png'); position:absolute; width:130px; height:230px; z-index:10}

Merci de m'aider à résoudre ce petit problème.

Un petit up ...
Personne n'a une petite idée pour moi ?

Je me contenterai d'une réponse du genre : "ce n'est pas possible !" aussi