Le problème était que les <dd> prennaient de la place et mon menu se positionnait en dessous de ces derniers (voir feuille de style exemple1, avec l'extension "style sheet chooser" de firefox par exemple).
La solution consiste à mettre le div vert en absolute ou, pour ceux qui veulent avoir un menu compatible avec toutes les résolutions, en relative (mais il fallait compter la place que prendrait la plus grande liste de définition).
Un autre problème se pose dan c cas : le <dd> est actif sous le div vert, ce qui le rend invisible (cf feuille de style exmple 2)
Le salut viens de la propriété CSS2.1 z-index, qui permet de spécifier l'ordre dans lequel sont affichés les blocks en fonction d'une axe partant de vos yeux et finissant dans le mur derrière votre écran.
Mes listes de définition sont en z-index:1; mon div vert en 2 et mes <dd> en z-index:3;
Ce menu n'est bien sur pas compatible avec IE6, mais il illustre bien la puissance de CSS2.1 !

Le fichier css principale
Le fichier css exemple1
Le fichier css exemple2