Les sous-menus déroulants se chevauchent, comment résoudre ce problème?

Question

I a rendu ce menu avec Superfish et le plug-in Supersubs:

Superfish menu http://img828.imageshack.us/img828/2181/bigitem.jpg

Comme vous pouvez le voir, le sous-menu qui provient d'un parent "élément de sous-menu à long long long" est pas positionné correctement. Je sais ce que je dois faire, mais pas comment l'exécuter.

D'abord, j'ai besoin de connaître la largeur du menu parent. J'ai alors besoin de mettre l'attribut left du sous-menu à cette largeur + 5px (j'ai utilisé le remplissage) + 1px (de sorte que le menu parent et le sous-menu ne soient pas directement reliés l'un à l'autre). Comment est-ce que je fais ceci pour tous les articles de menu? Gardez à l'esprit que la largeur d'un menu n'est pas fixe, car Supersubs ajuste la largeur à l'élément le plus long.

Answer 1

Je suis proche ...

$("ul#menu > li > ul ul").each(function() { 
    $(this).css("left", $(this).parent().parent().width() + 5 + 1); 
});