IE 6/7 LI Link's Unclickable

Posted on 2009-02-23
Last Modified: 2013-12-08

In the menu on the left had side of the page, two LI menu items 'Boys' & 'Girls' (highlighted in yellow) both use JQuery to slide and show a hidden DIV. This DIV contains another list of LI's. The LI's contain links but these links are unclickable in IE6/7 - well, you can click on them but they wont goto their target page.

Does anyone know why this is happening?
Question by:datacomsmt
    LVL 42

    Accepted Solution

    You nested each <div> containing a submenu directly in the parent <ul>. That's not valid. Try nesting them in the existing <li>s.

    Author Closing Comment

    Excellent answer, thanks!

    Author Comment

    Great answer, thanks again! A couple of follow up question relating to this:

    IE6 & 7: Once you click either 'Boys' or 'Girls' you'll see that it slides down then jumps up a little bit to sit in it's correct place. I think this has something to do with CSS Margins or Padding. Does anyone know what this is happening?

    I would also like to swap the BG image that appears in 'li#boys-button' depending on whether or not 'li#boys-sub-cats' is visible.. What would be the best way to go about this (inc. changing the BG image back to it's original when 'li#boys-sub-cats' is no longer visible)?

    (Also, I know IE8 is still in BETA but.. Once you click either 'Boys' or 'Girls' to slide the Menu back up it loses it's margin/padding below and the next menu item sits directly underneath it, has anyone got any pointers on this?)

    Featured Post

    Do You Know the 4 Main Threat Actor Types?

    Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

    Join & Write a Comment

    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
    This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.
    Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

    729 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now