Menu doesn't work. Why?

JavaScript
1

Hi,

Menu doesn’t work. Why? http://jsfiddle.net/8Observer8/kqsZc/1/

Thank you!

2

Now it is working better. I selected jQuery UI 1.9.2 and remove $(document).ready(function() {}

But It works incorrectly. Please direct a mouse on the “My Picture” in the Menu: http://jsfiddle.net/8Observer8/kqsZc/2/

In the second time it will be working correctly but in the first - none.

3

The problems seems to be occurring from this part of the CSS


.ui-menu { 
    overflow: hidden;
    list-style: none;
    margin: 0px auto;
    display: table;
    z-index: 1000;
}

By removing just the margin setting things seem to work correctly, at least on Google Chrome.


.ui-menu { 
    overflow: hidden;
    list-style: none;
    /* margin: 0px auto; */
    display: table;
    z-index: 1000;
}

If it’s there to help out with some other web browser, the good people in the CSS forum may be able to assist further with such CSS issues.

4

Another thing to try would to be to add this:

#menu > li {position: relative;}

You may also need to remove this in red:

.ui-menu {
[COLOR="#FF0000"]overflow: hidden;[/COLOR]
list-style: none;
margin: 0px auto;
display: table;
z-index: 1000;
}
5

Thank you very much :slight_smile: http://jsfiddle.net/8Observer8/kqsZc/4/