Une liste dynamique avec le javaScript

Bonjour,
je veux faire une liste avec des sous- menus qui sont cachés, et lorsque le curseur survol le menu principal, le sous-menu s'affiche selon l'élément survolé:
par exemple si j'ai un menu: accueil- espace perso- configuration lorsque je survole espace perso un sous-menu : profil, message, compte s'affiche, et lorsque je survole configuration le sous-menu : paramètres-langues-confidentialité s'affiche.
j'ai fait ça avec un mouseover et un appendChild, mouseout removeChild. mais lorsque le curseur quitte le menu principale vers le sous-menu ( par exemple si je choisi espace perso, le sous-menu s'affiche, mais lorsque j'essaie de déplacer le curseur sur profile, il n'est plus là! j'ai essayer avec un mouseout relatedTarget mais ça ne marche pas non plus.
S'il vous plait, donnez-moi une idée facile sur comment créé des sous-menus dynamique