Dropdown Menu Issues In Chrome - Not Dropping Down Properly

I have made a navbar at the top of my website which contains multiple buttons. One of the buttons right now I added a dropdown menu. It simply uses a unordered list with list items

Solution 1:

From what I can tell, a small gap between the anchor and the sub-list is causing it to disappear is causing the list to vanish when you stop briefly hovering over the anchor.

I was able to test this by reducing the positioning of the sub-list by 2px (below) so that it was touching the anchor - therefore not leaving the anchor before hovering over the sub-list.

.navmenuliul {
    top: 30px; /* instead of 32 */
}

Solution 2:

I have tested your demo site in the Chrome Browser and the menu functioned correctly. I tried several times and could not reproduce the "disappearing menu" issue you mention above (I was able to click on all the menu links)

Is your Chrome up to date? You can view this by clicking on the Wrench icon > About Google Chrome. The most up to date version (at this point) is 18.0xxx

If you are still having issues try disabling all add-ons, clearing your cache and testing it again. To disable add-ons go here: Wrench icon > Settings > Extension tab