Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
340
UltraWebMenu Hover pops up in upper left corner of page in IE9
posted

Hello all.

We are experiencing a problem in our application with UltraWebMenu when a user uses IE9 and hovers over a menu the popup menu appears in the upper left corner of the window and not in the vacinity of the mouse/menu as occurs in earlier IE browsers or IE9 Compatibility mode. 

To see this issue in action: using IE9 in NON compatibility mode navigate to http://www.hospitalportal.net/  and hover over the menu item "Solutions" for a working example.  You will see that the menu pops in the upper left corner.  Then swtich the browser to compatibiltity mode and try again and the menu appears where it should just underneath the "Solutions" menu item.

The above site is using 9.1.20091.2055  but we tested with 9.1.20091.2190 as well as 10.3.20103.1013 with the same results.

Here is the HTML Markup defining the menu:

                        <ig:UltraWebMenu ID="UltraWebMenu1"
                            CssClass="CVMenu_Style"                       
                            Align="left"
                            runat="server"
                            Width="100%"
                            Cursor="Hand"
                            ScrollImageBottom="ig_menu_scrolldown.gif"
                            ScrollImageBottomDisabled="ig_menu_scrolldown_disabled.gif"
                            ScrollImageTop="ig_menu_scrollup.gif"
                            ScrollImageTopDisabled="ig_menu_scrollup_disabled.gif"
                            SubMenuImage="ig_menuTri.gif"
                            WebMenuTarget="VerticalMenu"
                            EnhancedRendering="false"
                            CompactRendering="true"
                            CheckBoxes="false"
                            BorderStyle="None"
                            ItemPaddingSubMenus="0"
                            ItemSpacingSubMenus="0"
                            ItemPaddingTop="0"
                            ItemSpacingTop="0"                                             
                            >
                            <TopLevelLeafItemStyle CssClass="CVMenu_Tab" ></TopLevelLeafItemStyle>
                            <SeparatorStyle BackgroundImage="ig_menuSep.gif" CssClass="SeparatorClass" CustomRules="background-repeat: repeat-x;" />
                         <ExpandEffects Type="Slide" Duration="0" Delay="0" ShadowWidth="0" />
                      <Levels>
                        <ig:Level Index="0" LevelHoverClass="CVMenu_TabHover" LevelClass="CVMenu_Tab" LevelHiliteClass="CVMenu_Tab" LevelIslandClass="CVMenu_SubStyleLevel1"></ig:Level>
                              <ig:Level Index="1" LevelHoverClass="CVMenu_SubTabLevel1Hover" LevelClass="CVMenu_SubTabLevel1" LevelHiliteClass="CVMenu_Tab" LevelIslandClass="CVMenu_SubStyleLevel1"></ig:Level>
                              <ig:Level Index="2" LevelHoverClass="CVMenu_SubTabLevel2Hover" LevelClass="CVMenu_SubTabLevel2" LevelHiliteClass="CVMenu_Tab" LevelIslandClass="CVMenu_SubStyleLevel2"></ig:Level>
                      </Levels>         

                        </ig:UltraWebMenu>