Links in dropdown not properly clickable

[Hellusius]

I made links in dropdowntables, but they are not properly selectable, as in, whever I , move my cursor downwards of the link and into the dropdown table, the dropdown dissapears again, I have to be really fast to click anything.

the CSS code is as following:
ul {
padding: 0;
margin: 0;
list-style: none;
}

li {
float: left;
position: relative;
width: 100px;
list-style: none;
}

li ul {
display: none;
position: absolute;
top: 20px;
left: 0;
background-color=#000
}

li:hover ul, li.over ul{ display: block; }

I know the top is 20px but else it doesn't fit, if you want to see how it works (well actually how it doesn't fully work)
click here to see the website (http://thereturn.wc3campaigns.net/index.html)

in IE its most likely that its not viewable, this has to do with an inclomplete javascript that I am working on still in order to get it working in IE as well.

[WebJoel]

Um hmm... -you've got 131 error/warnings in there not the least of which is a missing !doctype statement, so that just about guarantees that IE is going to throw a wobbly. :o Twice for instance, you spelled "align" as "aling" and no browser is going to render that as anything at all. :o

Nice background image. I like it. :)

[Hellusius]

Well thanks for the troubleshooting and comment, but that offcourse does not solve my issue, and about the doctype, I see alot of sites without them, but if it is that nessasary I will add it (can't image it of a real essence though).

but how about my problem

[Hellusius]

Natural bump

Suggestions anyone?

[ray326]

can't image it of a real essence thoughIt's required to make all browsers render as much as possible alike.

For me the menus seem to work ok in Fx and not at all in IE.

[Hellusius]

I already wrote that, as you be able to see in my first post I am still working on the IE, but like said before, that doesn;t solve my problem, I need a suggestion that prevents my dropdown menu from dissapearing too fast

[ray326]

I didn't see anything but IE mentioned there but as I said, for me the question is getting them to work AT ALL, much less "too fast". And that looks a lot like you're trying to :hover over elements other than A, which IE doesn't know about.

[BlueRain]

The table borders are doing it. When the cursor leaves the top row there is no longer a hover event so the hovers disappear. You need to make the UL#nav without the table for it to work properly. Of course if you do that you lose the look you are trying to achieve, unless you use images.

[Hellusius]

got it solved

I used the following.

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