Déroulants CSS alignés à gauche

Question

J'ai un site Web avec votre navigation habituelle à 2 niveaux sous la forme d'une liste déroulante utilisant Suckerfish et la construction <ul><li> pour créer le menu.

Le problème est le menu est aligné à droite sur la page, donc je vais devoir faire les menus déroulants pousser vers la gauche, comme le montre, pour les maintenir dans la page:

Dropdown http://piestar.net/share/sample-dropdown.png

Si les onglets du menu de niveau supérieur avaient la même taille, cela ne poserait aucun problème, mais ils ont une largeur variable, donc je ne peux pas utiliser une marge négative pré-calculée. La question est: comment cet effet peut-il être atteint? Je préfère ne pas utiliser javascript pour les aligner correctement, mais craignez que ce soit la seule solution.

Answer 1

Utilisez la propriété css

right:0; 
top:20px; # or whatever height from the top of the parent 
position:absolute; 

le sous-menu ul, et peut-être

position:relative; 

sur la li mère.