Problem med .net menu i Chrome
Jeg har et problem med en .NET menu. I IE og Firefox virker den fint, men i Chrome mangler der flere ting. Der mangler bagrundsfarven, den er ikke 100% width og hover virker ikke. Det er som om noget af CSS'en ikke bliver loaded.Er der nogen som kender til det problem?
CSS:
.menu_passive { background-image:url("/graphics/seperator.jpg"); background-color: #123C76; color:#ffffff; font-family:Arial; border-top:1px solid #608ab0; border-bottom:1px solid #608ab0; font-size:13px; width:100% }
.menu_item { color:#ffffff; background-color:#123C76; height:20px; line-height:20px; font-size:13px; text-align:center; display:inline-block; }
.menu_select { color:#ffffff; background-color:#608ab0; height:20px; line-height:20px; font-size:13px; text-align:center; display:inline-block; }
.menu_hover { color:#ffffff; background-color:#608ab0; height:20px; line-height:20px; font-size:13px; }
Kode:
<asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1"
Orientation="Horizontal" StaticDisplayLevels="2" font-size="13px"
StaticPopOutImageTextFormatString="" StaticSubMenuIndent="1px"
CssClass="menu_passive" ForeColor="White"
DynamicEnableDefaultPopOutImage="False" EnableTheming="False"
MaximumDynamicDisplayLevels="0"
StaticEnableDefaultPopOutImage="False" EnableViewState="False">
<StaticMenuStyle Width="100%" />
<StaticSelectedStyle
CssClass="menu_select" font-size="13px" ForeColor="White" />
<StaticMenuItemStyle font-size="13px" Font-Overline="False"
Font-Strikeout="False" CssClass="menu_item" />
<StaticHoverStyle Font-Bold="False"
CssClass="menu_hover" font-size="13px" ForeColor="White"
Font-Underline="False" />
</asp:Menu>