I've been asked to do a CSS dropdown menu which i fear so much due to its cross browser compatibility issues and so much more.. and i've been pullin all hair out trying to figure out this problem

if you view the site here

the dropdown menu is on the green bar, Home, Domain Names and so on..

the problem that i have now is, sometimes when u mouseover on the top menu (say Hosting Accounts), the submenu will pop out but it will disappear when u mouseover on it to start navigating.. it only happens once in a while (sometimes all the time!!)...

does anyone here faces the same problem? or am i just imagining things?

and if im not imagining things, does anyone have a clue why isn't it working smoothly?

*ah how come we cant edit our post hehehe

Anyways, I realized I posted the URL from my pc's webserver..

alternatively if you cant view the URL above, you can view it here instead

shift the dropdown menu(new, search, price) up abit so it touched the main menu row.

this happen coz there is gap in between the main menu and dropdown menu. When user mouse their mouse slowly down from the main menu it loses focus on the dropdown that causes an event mouse out been triggered and closed the dropdown.

yup, the small 1-2px gap in between there, try close it up to a non gap and that should fix it

btw, nice site

hey iamfreelancer and yipguseng, thanks for ur comments.. im going to try what u guys recommended.. i realized in the actual page where the menu is - here

its just aligned so badddly and might cause the disappearing submenu.. so im going to fix that so there's no more gap.. but at the same time preserve its position in the main site..

hey, thanks for the praise yipguseng hehee