Infragistics Menu Problem

See more:

infragistics

Hi,
I have an infragistics ultrawebmenu whose css and layout works fine in IE but everthing out of order in chrome pls help

View screen shot from this link

<a href="https://docs.google.com/file/d/0BxepNx6lad3uNUl0Z3FXRjJFWjg/edit?usp=sharing">https://docs.google.com/file/d/0BxepNx6lad3uNUl0Z3FXRjJFWjg/edit?usp=sharing</a>[<a href="https://docs.google.com/file/d/0BxepNx6lad3uNUl0Z3FXRjJFWjg/edit?usp=sharing" target="_blank" title="New Window">^</a>]

code pasted.
<%@ Register TagPrefix="ignav" Namespace="Infragistics.WebUI.UltraWebNavigator" Assembly="Infragistics35.WebUI.UltraWebNavigator.v11.1,
Version=11.1.20111.1006, Culture=neutral, PublicKeyToken=7DD5C3163F2CD0CB" %>

<div id="Menu" style="width: 100%; background-color: #638FC5">
            <ignav:UltraWebMenu ID="MDIMenu"  runat="server" BackColor="#638FC5" FocusOnHover="false"
                DisabledClass="" FileUrl="" ForeColor="White" ItemPaddingSubMenus="1" SeparatorClass=""
                TargetFrame="" TargetUrl="" TopItemSpacing="Compact" WebMenuStyle="XPClient" Height="28px"
                EnhancedRendering="true">

                <Styles>
                    <ignav:Style BackColor="#64799C" BorderColor="Blue" BorderStyle="Solid" BorderWidth="0px"
                        CssClass="TopLevelHover" Cursor="Default" Font-Names="Arial" Font-Size="8pt"
                        ForeColor="Black">
                        <BorderDetails WidthBottom="1px" WidthLeft="1px" WidthRight="1px" WidthTop="1px" />
                    </ignav:Style>
                    <ignav:Style BackColor="FloralWhite" BackgroundImage="None" BorderColor="#7288AC"
                        BorderStyle="Solid" BorderWidth="1px" CssClass="TopLevelStyle" Font-Names="Arial"
                        Font-Size="8pt" ForeColor="Black">
                        <BorderDetails WidthBottom="1px" WidthLeft="1px" WidthRight="1px" WidthTop="1px" />
                    </ignav:Style>
                </Styles>
                <IslandStyle BackColor="White" BorderStyle="Outset" BorderWidth="1px" Cursor="Default"
                    Font-Names="Arial" Font-Size="8pt" ForeColor="Black">
                </IslandStyle>
                <TopSelectedStyle BackColor="#889DC2" BorderColor="Blue">
                    <BorderDetails WidthBottom="1px" WidthLeft="1px" WidthRight="1px" WidthTop="1px" />
                </TopSelectedStyle>
                <HoverItemStyle BackColor="#ABC0E7" Cursor="Default" ForeColor="Black">
                </HoverItemStyle>
                <Items>
                    <ignav:Item Text="File">
                        <Items>
                            <ignav:Item Text="New">
                                <Items>
                                    <ignav:Item Text="New 1" CssClass="ItemCss">
                                        <Items>
                                            <ignav:Item Text="New 11" CssClass="ItemCss">
                                            </ignav:Item>
                                        </Items>
                                        <Items>
                                            <ignav:Item Text="New 11 " CssClass="ItemCss">
                                            </ignav:Item>
                                        </Items>
                                        <Items>
                                            <ignav:Item Text="New 11" CssClass="ItemCss">
                                            </ignav:Item>
                                        </Items>
                                        <Items>
                                            <ignav:Item Text="New 11" CssClass="ItemCss">
                                            </ignav:Item>
                                        </Items>
                                        <Items>
                                            <ignav:Item Text="New 11" CssClass="ItemCss">
                                            </ignav:Item>
                                        </Items>
                                        <Items>
                                            <ignav:Item Text="New 11" CssClass="ItemCss">
                                            </ignav:Item>
                                        </Items>
                                    </ignav:Item>
                                    <ignav:Item Text="New 1">
                                        <Items>
                                            <ignav:Item Text="New 11">
                                            </ignav:Item>
                                        </Items>
                                    </ignav:Item>
                                    <ignav:Item Text="New 1">
                                        <Items>
                                            <ignav:Item Text="New 11">
                                            </ignav:Item>
                                        </Items>
                                    </ignav:Item>
                                </Items>
                            </ignav:Item>

                            <ignav:Item Text="Open">
                            </ignav:Item>
                            <ignav:Item Text="Save">
                            </ignav:Item>
                            <ignav:Item Text="Close">
                            </ignav:Item>
                        </Items>
                    </ignav:Item>
                    <ignav:Item Text="Edit">
                        <Items>
                            <ignav:Item Text="Cut">
                            </ignav:Item>
                            <ignav:Item Text="Copy">
                            </ignav:Item>
                            <ignav:Item Text="Paste">
                            </ignav:Item>
                            <ignav:Item Text="Select All">
                            </ignav:Item>
                        </Items>
                    </ignav:Item>
                </Items>
                <Images>
                    <ScrollTopDisabledImage Url="ig_menu_scrollup_disabled.gif" />
                    <ScrollBottomDisabledImage Url="ig_menu_scrolldown_disabled.gif" />
                    <SubMenuImage Url="ig_menutri.gif" />
                    <ScrollBottomImage Url="ig_menu_scrolldown.gif" />
                    <ScrollTopImage Url="ig_menu_scrollup.gif" />
                    <XPSpacerImage Url="ig_menuCRMspacer1.gif" />
                </Images>
                <ItemStyle Font-Names="Arial" Font-Size="8pt" />
                <DisabledStyle BorderStyle="Solid" ForeColor="LightGray">
                    <BorderDetails WidthBottom="1px" WidthLeft="1px" WidthRight="1px" WidthTop="1px" />
                </DisabledStyle>
                <Levels>
                    <ignav:Level Index="0" />
                    <ignav:Level Index="1" />
                    <ignav:Level Index="2" />
                    <ignav:Level Index="3" />
                </Levels>
                <SeparatorStyle BackgroundImage="ig_menuSep.gif" CssClass="SeparatorClass" CustomRules="background-repeat:repeat-x; " />
                <ExpandEffects ShadowColor="Black" Type="Fade"></ExpandEffects>
                <MenuClientSideEvents InitializeMenu="" ItemChecked="" ItemClick="" SubMenuDisplay=""
                    ItemHover=""></MenuClientSideEvents>
            </ignav:UltraWebMenu>
        </div>