I have a css drop down menu that disappears

I have a (css) drop down menu that keeps disappearing before you can select anything from it.

I have wracked my brain searching the web for answers... and in an article on YOUR site I found a hint -- about z-index.. I readily admit to being quite a NOOB when it comes to CSS and I tried and tried to implement the suggestion from your other article, but to no avail.

Here is my site: http://www.customernationonline.开发者_C百科com/

The problem is with the drop down for "How We Help".. I would be hugely grateful if you could take a look and help me out here.

The (eloquent) fix was hard to find, (it took me a while to figure out, at any rate!), but it's very easy:

• On #pillmenu2, remove position: absolute.

I'd say the mouse out on the menu item is closing the dropdown

sfEls[i].onmouseout=function() { 39 this.className=this.className.replace(new RegExp(" sfhover\b"), ""); 40 }

perhaps close the menu item only with an onclick command either when a sub menu item is selected or on the body. better still look at the jquery implementations and save yourself a headache.