IE 8 Pull Down Menu is not working in IE10

Question

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;
}