Question

Menu on my site is opening up even when my cursor is not on top of it.

Here is the picture;
http://www.image-share.com/upload/1395/204.jpg

Go to menu item “About” from down. You will see that it’s opening up before you come on it.

website; http://goo.gl/rnhJ7

Answer 1

That is because you hide it with opacity.. That means that the submenu retains its space in the page, and once you mouseover the container it increases the opacity..

---

Edit in your CSS the rules as

#nmenu li:hover > ul {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 35px;
    visibility:visible;
    transition-delay:0s; /* add the vendor specific versions.. -moz- -webkit- ..*/
}

#nmenu li > ul {
    left: auto;
    top: auto;
    visibility:hidden;
}

#nmenu ul {
    -moz-transition: opacity 0.5s ease-in-out 0s, visibility 0s linear 0.5s; /* add the vendor specific versions.. -moz- -webkit- ..*/
}