[CSS] Probleem mouse-over menu

Hallo,

Ik weet dat het alweer een tijdje geleden is dat ik wat geplaatst heb op deze site, maar ik heb helaas weer een klein probleempje en ik denk dat jullie me vast wel verder kunnen helpen.

Namelijk als ik met mijn cursor over de titel van mijn pagina ga komen de subpaginas wel tevoorschijn, maar als ik dan een pagina aan probeer te klikken verdwijnt mijn menu weer.

Codeblok (style.css):

1
2
3
4
5
6
7
8
9
10
11
12

#cssmenu > ul > li {list-style:inside none; list-style-type: none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; }
#cssmenu > ul > li > a:after{ content:; position:absolute; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; display:block; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:; position:absolute; display:block; top:18px; right:6px; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px; display:block;}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block; list-style-type: none;}
#cssmenu ul li.has-sub > a:hover{background:#1b2729;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; list-style-type: none; width:auto; position:absolute; top:38px; padding:10px 0; background:#1b2729; }
#cssmenu ul li > ul{ width:140px; }
#cssmenu ul li > ul li a{ outline:none; display:block; list-style-type: none; position:relative; margin:0; font:Verdana; font-size:14px; color:#fff; text-decoration:none; }
#cssmenu > ul > li > a:hover{background:#1b2729}

Ik hoop dat ik duidelijk genoeg geweest ben,

Alvast bedankt,

Mike

//Opgelost