Question : ASP Menu control with css working in Firefox, and IE, but not in Chrome

Hi, I have a dropdown menu control with CSS. I noticed that it works fine with FIREFOX and IE, but it doesn't seem to be working with Chrome. I know a few people here use Chrome so I would like to get this resolved, but I can't figure out why it is happening.

I attached what it is supposed to look like, which works in firefox and IE
and what's happening in Chrome

When I hover over the main menu item in chrome, nothing happens, but if I click it it expands sloppily. 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:

MENU code:
<div class="clear hideSkiplink">
             <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" >
                    <LevelMenuItemStyles>                    
                    <asp:MenuItemStyle CssClass="menu" />
                    <asp:MenuItemStyle CssClass="menu2" />
                    </LevelMenuItemStyles>
                    <Items>
                        <asp:MenuItem NavigateUrl="Default.aspx" Text="Home"/>
                        <asp:MenuItem  Text="Land Analysis Database" Selectable="false">
                            <asp:MenuItem NavigateUrl="LA_Submit.aspx" Text = "Land Analysis Input Form"/>
                            <asp:MenuItem NavigateUrl="LA_Results.aspx" Text="Land Analysis Results"/>
                        </asp:MenuItem>
                        <asp:MenuItem  Text="Qualtiy Control Database">
                            <asp:MenuItem NavigateUrl="QC_Submit.aspx" Text="QC Submit Input" />
                            <asp:MenuItem NavigateUrl="QC_Results.aspx" Text="QC Results" />
                            <asp:MenuItem NavigateUrl="QC_Monthly.aspx" Text="Monthly Report" />
                        </asp:MenuItem>
                    </Items>
                </asp:Menu>
              </div>

CSS:

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

.menu 
{
    list-style:none;
    margin:0;
    padding:0;
    width:auto;
    padding-left: 8px;
}

.menu a, .menu a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    line-height: 2.8em;
    padding: 4px 20px;
    text-decoration: none;
}

.menu a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

.menu a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

.menu2 
{
    list-style:none;
    margin-left:0px;
    width:200px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #f1f2f4;
    border: 1px;
    border-color:Gray;
    border-left-style:dotted;
    border-right-style:dotted;
    border-bottom-style:dotted;
    
}

.menu2 a, .menu2 a:visited
{
    background-color: #465c71;
    margin-left:12px;
    color: #dde4ec;
    width: auto;
    line-height: 2.0em;
    padding: 2px 15px;
    text-decoration: none;
}

.menu2 a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

.menu2 a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}
Attachments:
 
CorectMenu.gif (15 KB) (File Type Details) 
Correct Menu activity in IE and FIrefox
Correct Menu activity in IE and FIrefox
 
 
WrongMenu.gif (9 KB) (File Type Details) 
Incorrect Menu in Chrome
Incorrect Menu in Chrome
 

Answer : ASP Menu control with css working in Firefox, and IE, but not in Chrome

Check the forum post
http://forums.asp.net/t/1560012.aspx

Hope this will help you
Random Solutions  
 
programming4us programming4us