I'm working on a site that has three levels of navigation: the main menu, sub-menu, and some items have a sub-sub-menu. A very strange thing is happening with the sub-sub-menus. The sub-sub-menu pops out to the right of the sub-menu, but on every other page load, it pops out about 95 pixels further to the right than it's supposed to. In other words, if I load a page once, the sub-sub-menu is in the correct position, but if I reload the same page without changing anything, the sub-sub-menu jumps over 95 pixels to the right.

The same thing happens if I click over to another page: only every other page load has the menu positioned correctly.

Here's the staging site. You'll see what I mean if you roll over Landscape Architecture and then About, then reload the page and roll over the same menu items again.
annecampbelldesign.com/~suereed/

Now, as I've been testing this, it has changed from working on every other page load to only working about every 5 or 6 page loads. I'm completely confused why this would be so random.

Thanks very much for any help you can offer!

-Anne

Hello,

This problem with custom CSS rules for menu on your site. Add the following CSS rule to fix the problem:

UL.ux-menu li ul.ux-menu-sub ul.ux-menu-sub
{
margin-left: 0 !important;
}

Regards,
ARI Soft

Thanks so much for your quick response! I've made that change, but I'm still experiencing a similar problem. Sometimes on page load, the sub-sub-menu is aligned correctly, and sometimes it overlaps the sub-menu. I've attached another screenshot. Any other ideas? I'm so puzzled as to why it *sometimes* looks right and sometimes doesn't, without making any change.

Thanks again -
Anne

It can be a problem with custom CSS rules which is used for the menu. Restore original menu styles and your custom CSS rule one by one to find the problem.

Regards,
ARI Soft