Hi, I have a horizontal navigation bar that displays submenus when the top parts are hovered over. This works fine in Safari and Firefox, but in Opera, the submenu appears when I hover over the main nav bar, but disappears once I try to mouse down towards the submenu.

My CSS looks like this:

#nav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
text-align: left;
}
#nav ul li {
display: inline;
position: relative;
margin-left: -.5%;
width: 125px;
}
li.headlink ul {
display: none;
}
li.headlink:hover ul {
width: 125px;
display: block;
position: absolute; top: 15px; left: 1px;
}

Is there anything I can do to fix this?