Menu déroulant avec marge supérieure

Je travaille sur un menu déroulant avec margin-top. Le problème est que, quand je vais avec ma souris de li à descendre, il se ferme. Comment puis-je le faire fonctionner avec margin-top?

http://jsfiddle.net/wGzj8/8/

De ma conception réelle:

Menu déroulant

J’ai essayé cette solution: Comment utiliser la marge (supérieure) avec le menu déroulant CSS3? , mais cela déplace l’image sous mon ul vers le bas (“O fakulteti”).

Aidez-moi, s’il vous plaît.

Et si vous enveloppez votre sous-menu avec un

supplémentaire? Ce

devrait avoir margin-top: 4px style margin-top: 4px au lieu du même style que vous aviez pour margin-top: 4px nested:

 
  • O fakulteti
  • DEMO: http://jsfiddle.net/wGzj8/18/

    Faites simplement que les éléments de la liste de niveau supérieur soient un peu plus hauts afin qu’ils chevauchent la zone située entre la marge à l’origine du problème. Vous pouvez append un remplissage inférieur de 4 pixels pour y parvenir. Violon mis à jour ici: http://jsfiddle.net/wGzj8/22/

    Cela devrait vous aider: http://jsfiddle.net/seyfollahi/qwL8P/

    ajoute de la hauteur dans: #header_glavni_meni ul li .header_glavni_a {}

    change margin-top dans: #header_glavni_meni ul li ul {}

    Ajouter le code suivant de margin-bottom dans le sélecteur,

     #header_glavni_meni ul li .header_glavni_a { margin-bottom:10px; }