Jump to content

Css Fix Problem In Ie(hide Child Menus When Go Away)


Recommended Posts

Hi,When mouse cursor touch on menu then child menu appears and when mouse cursor go away from menu block then it should hide child menus.My problem is: Above task is done on FireFox but In IE 7.0 when mouse cursor go away from menu block then it does not hide child menus.Below I am posting some part of html and css code.Pl help me to fix problem in IE. CSS::...ul.navbar li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */ display: none; /* hides child menu blocks - one of the most important declarations */ position: absolute; /* make child blocks hover without leaving space for them */ top: 15px; /* position slightly lower than the parent menu item */ bottom: 20px; /* this must not be more than the width of the parent block, or the mouse willhave to move off the element to move between blocks, and the menu will close */ color: purple; }...

<ul class="navbar">....<td> <li><a href="" onmouseover="mouseOver()">AboutNick'sMuffins</a> <ul>      <li><a href="link1.html"><span id="a"></span></a></li>      <li><a href="link2.html"><span id="b"></span></a></li>      <li><a href="link3.html"><span id="c"></span></a></li>      <li><a href="link4.html"><span id="d"></span></a></li>      <li><a href="link5.html"><span id="e"></span></a></li>  </ul>  </td>..


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...