[RESOLVED]Menu Control submenu links appear but are not active when rolled over in IE 10

I have a menu control in a masterpage. the Menu Control submenu pops open and  appears with text on it when i open it via ie 10, but the links do not work when you try to click on them, and the submenu disappears after a few seconds even though the cursor
is still over the submenu. i have not idea why the links are inactive here but in firfox, chrome, safari appear correctly. Some help would be much appreciated.

http://tinyurl.com/la5k7st

Menu code :

<div id="nav">
                    <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
                        <asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1"
                        DisappearAfter="600" StaticDisplayLevels="2"
                        StaticSubMenuIndent="0px" Width="181px" SkipLinkText=""
                        DynamicHorizontalOffset="1"
                        DynamicPopOutImageUrl="~/images/arr_white.gif"
                        StaticPopOutImageUrl="~/images/arr_white.gif"
                        CssClass="SomeMenuClass" >
                            <DynamicHoverStyle ForeColor="#E9C379" />
                            <DynamicMenuStyle BorderStyle="None" />
                            <LevelMenuItemStyles>
                            <asp:MenuItemStyle CssClass="Level1Style" Width="195px" />
                            <asp:MenuItemStyle CssClass="Level2Style" Width="170px"  />
                            <asp:MenuItemStyle CssClass="Level3Style" Width="200px" />
                            </LevelMenuItemStyles>
                            <StaticHoverStyle Font-Strikeout="False" ForeColor="#E9C379" />
                    </asp:Menu>
                    <div id="nav_bot">
                    </div>
</div>
Site Map:

<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
    <siteMapNode url="default.aspx" title="Home"  description="">
   
         <siteMapNode url="registry/Default.aspx" title="Significant Tree Registry"  description="Significant Tree Registry" />      
         <siteMapNode url="nominate/default2.aspx" title="Nominate a Significant Tree"  description="ominate a Significant Tree" />
         <siteMapNode url="javascript:void(0)" title="Criteria for Scoring Trees"  description="Criteria for Scoring Trees">
               <siteMapNode url="scoring_criteria/how_a_tree_is_scored.aspx"  title="How a Tree is Scored"  description="How a Tree is Scored" />
               <siteMapNode url="scoring_criteria/measuring_a_trees_diameter.aspx"  title="Measuring a Trees Diameter"  description="Measuring a Trees Diameter" />
               <siteMapNode url="scoring_criteria/measuring_a_trees_height.aspx"  title="Measuring a Trees Height"  description="Measuring a Trees Height" />
               <siteMapNode url="scoring_criteria/measuring_the_crown_or_spread.aspx"  title="Measuring the Crown or Spread"  description="Measuring the Crown or Spread" />
         </siteMapNode>
         <siteMapNode url="resources/default.aspx" title="Resources"  description="Resources" />
         <siteMapNode url="partners/default.aspx" title="Partners"  description="Partners" />
         <siteMapNode url="history/default.aspx" title="History"  description="History" />         
         <siteMapNode url="comments/default.aspx" title="Contact"  description="Contact" />
    </siteMapNode>
</siteMap>

CSS:



#nav {
  
  padding-left: 9px;
  }
  


#nav, #Menu1{
	  margin:-1px;
	  }


#nav a {
  color: #fff;
  text-decoration: none;
  border-left: 1px solid #959595;
  padding-left: 10px;
  display: block;
  width: 100%;
  padding: 2px 0 6px 8px; 
  }

#nav a:hover {
  text-decoration: underline;
   
}
#nav .important {
  border: none;
  background: 188px 10px url(../images/arr_orange.gif) no-repeat;
  }

#nav .important a {
  color: #E9C379;
 }


#Menu1{ z-index:10;}


#nav, #Menu1, .Level2Style{z-index:10;}
#nav, #Menu1, .Level3Style{z-index:10;}

hi amberhofler,

Do you try the other ie version(IE 7,IE8…)?

You can restore your IE settings to their original values, and the security level is down.

It works in IE8 and IE7.

To Happy Chen -MSFT. 

What do you mean by the security level is down? Is that why the menu links are being blocked in IE 10? The links everywhere else are working on the page.

hi amberhofler,

i check http://tinyurl.com/la5k7st again, it works in IE10 Compatibility View but  not work in IE10 mode.

For this particular problem, here is what ended up working:

.jqueryslidemenu .sub-menu .sub-menu { left: 208px !important; }

Please read the reference below for more information

http://mysitemyway.com/support/topic/ie-10-sub-menu-navigation-problem

i hope it helps you.

Leave a Reply