I have pull down menu which is working fine in IE8 without any issues but not working in IE 10. Not even able to click the menu in IE10. Also I checked in IE 10 compatibility mode, but still not working. Below is the code I have written and loading the menu items dynamically.
<div class="clear hideSkiplink" style="background-image: url(Images/horizBar1.jpg);padding-top: 10px">
<asp:Menu ID="menuMain" runat="server" StaticMenuItemStyle-CssClass="menuItem"
DynamicMenuItemStyle-CssClass="menuItem" EnableViewState="false"
IncludeStyleBlock="false" Orientation="Horizontal"
OnMenuItemClick="menuMain_MenuItemClick" BackColor="#FFFFFF"
BorderColor="#296573" Font-Bold="True" Font-Names="Verdana"
Font-Size="Medium" ForeColor="#296573">
<StaticMenuItemStyle CssClass="menuItem"></StaticMenuItemStyle>
<DynamicMenuItemStyle CssClass="menuItem"></DynamicMenuItemStyle>
</asp:Menu>
</div>
style:
.menuItem {
border: groove 1px black;
width: 150px;
padding: 2px;
padding-left: 20px;
background-color: Transparent;
font-family: verdana;
font-size: 12px;
font-weight: bold;
}