dropdown menu dissapears too fast

[hellusius]

Is there anyway to fix this dropdown menu, the problem at the moment, is that they are nearly unclickable, cause if you go of the link the dropdown box is not directly under it, is there a way that you can fill that gap perhaps?

whats odd is that I did not discover this issue, cause I don't see it, but everyone else says its nearly impossible to click the links.

last note: I did not get the time yet to get it done so IE will show the dropdown (something with the script that isn't right -_-")

[Stormrider]

i think the only answer is to shift the menu up, so there is no gap. I'm not sure though, I have had a similar thing before.

[XandroZ]

the problem may be the Z indez set a big Z number for the menu than the div below

[Tyssen]

You need to validate your page. You've got no doctype and you can't mix table and list tags the way you have.

[hellusius]

well the mixing is not the problem really, and it does work when I put it up with 5px, but is there a way to get the betweenspace selected as well?

[Paul O'B]

Yes, this is simple just make the space with padding as the menu must be in contact with the list.

li ul {
  display: none;
  position: absolute; 
  top: 100%;
  left: 0;
padding-top:5px;
}

Use top 100% to make sure the menu is exactly at the bottom and the add padding 5px to the ul to maintan contact but make it appear further away.

That is some extremely nasty and badly formed code you have there

[Tyssen]

well the mixing is not the problem really

It may not be the problem, but it is a problem. A serious one.