Probleem css dropdown menu

[cadamink]

Ik gebruik wordpress en bij een theme dat ik momenteel gebruik vond ik dat de dropdownmenu's te hoog stonden en daardoor te dicht op het hoofdmenu.

Nou zat ik in de style.css te pluizen en heb ik bij "de topmarging van ul.menu li ul" ipv 10px 25 px ingevoerd.

Toen ik deze wijziging had gemaakt verscheen het dropdownmenu op de positie die ik graag wilde.
Nu het probleem, want als ik dan met de muis naar dit dropdownmenu wil gaan verdwijnt het, dus er is niet op te klikken.

Ik heb op veel sites gezocht naar een oplossing, en voor mijn gevoel moet dit ook niet al te moeilijk zijn, maar door mijn beperkte css kennis heb ik geen antwoord voor dit probleem kunnen vinden.
Er zit nu blijkbaar "ruimte" tussen het hoofdmenu en het dropdownmenu.

Hieronder de style.css code van menu en submenu.

code:

ul.menu li
{
    float:left;
    font:bold 12px/12px "Arial";
    text-transform:uppercase;   
    color:#000;
    padding:0 21px 0 0;
    margin:0;
    position:relative;
    
}
ul.menu li a, ul.menu li a:visited
{       
    color:#000; 
}
ul.menu li a:hover
{       
    color:#E5882D;      
}

ul.menu li ul 
{   
    position: absolute; 
    left:0px; 
    top: 25px;
    padding:0;
    margin:0;
    display:none; 
    width:150px;
    background:#739AC1;
    list-style:none;

[MueR]

Alleen CSS zegt hier niet veel. Heb je ergens een online testcase?

[H004]

Je moet zorgen dat je muis boven het hoofdmenu blijft, en van daaruit direct hovert op de submenu's. Je zal dus wat moeten spelen met bijvoorbeeld padding-bottom van je hoofdmenu om ervoor te zorgen dat je tijdens het met je muis overgaan op het submenu nooit van het hoofdmenu afkomt met je muis.

[cadamink]

Perfect! het is al voor mekaar.

Heb padding-bottom: 20px toegevoegd aan het hoofdmenu en nou kan ik het dropdownmenu gewoon aanklikken.

Bedankt voor de snelle reacties!

Deze topic mag dicht.

[MueR]

Dit topic hoeft niet dicht hoor: Het algemeen beleid #topiceinde