JQuery menu not display properly in browser Safari and Chrome

Theming issues are not supported. Run it on garland. If the problem still occurs take a screen shot and reopen this issue. Otherwise, you'll need to fix your theme's css on your own.

I experienced the same problem with the +/- icon misplacement and spent a little while debugging with Firebug and the Chrome inspector. I believe the problem lies with the use of 'display: block' in the following excerpt from jquerymenu.css:

ul.jquerymenu li span.parent {
    display: block;
    height: 9px;
    margin-left: -15px;
    margin-top: 6px;
    position: absolute;
    width: 9px;
}

I'm no CSS expert, but I question whether 'display: block' is necessary when used with absolute positioning. It may actually be causing a problem with Webkit-based browsers. Removing 'display: block' has no effect in Firefox, however it resolves the misplaced +/- icons in Chrome.

I haven't tested this with the Garland theme, but if you're using a Fusion-based theme such as Mix and Match, try adding one of the following to your local.css file:

ul.jquerymenu li span.parent {
        display: inline;
}

or

ul.jquerymenu li span.parent {
        display: initial;
}

Perhaps simply removing 'display: block' from jquerymenu.css would make this module more compatible across various theme/browser combinations?

I have incorporated this into the next release of jquerymenu for D6 and D7. If there are any issues with the new version(s), re-open this ticket.