I am working on a site that is using the milonic menu in the header. This is comprised of 5 menus. On 1 page in the site I have 3 additional milonic menus being built dynamically in the left navigation. 8 Menus total on this page (this is necessary to support some noscript requirments.
This problem arise in IE only. When I click an image button in the header and go to the page with the 3 additional menus, if I leave the mouse over one of the image buttons in the header then the left nav draws the menus incorrectly, wrong image and they do not function. please see images below. If I click an image button in the header and remove the mouse from atop the image button before the page loads the left nav builds correctly. This problem does not happen in FireFox, just IE (latest version).
I have double checked that none of the menus are using the same menu names and I have even tried unique styles for each menu, but the problem is still there. Can anybody help me with this? This is a major bug I need to resolve quickly.
Correct
Incorrect
Cheers,
Al