I am trying to upgrade to 11.2, which means upgrading my main UltraWebMenu used for site navigation to a WebDataMenu.  The menu is vertical, and oriented along the left hand side of the screen.

If scrolling is enabled, the flyout menus appear exactly 60 pixels to the right of the menu.  Of course this makes them unusable, because as soon as you mouse off of the main menu, the submenu disappears as you are traversing the 60 pixel gap.

I whipped out my trusty IE developer tools, and here is what I discovered...

My menu has a defined width of 160px.  This is set from the designer.  If scrolling is enabled, there is a div that functions as a scroll container that has a width of 220px (via an inline style).  The flyouts are appearing to the right of that 220px wide div, instead of the div that contains the actual menu elements.  The div also has an inline style height of 495px, which is too high, but that is another story.

I checked the markup being returned from the server using Fiddler, and the server markup for that div does not define a width... meaning the width is being set in javascript somewhere.

Turning off scrolling fixes the issue, but I have another site I have to upgrade where scrolling is mandatory.

This is occurring in IE 8 using version 11.2.