Link to home
Start Free TrialLog in
Avatar of datacomsmt
datacomsmtFlag for Australia

asked on

IE 6/7 LI Link's Unclickable

http://madisonlane.businesscatalyst.com
--

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?
ASKER CERTIFIED SOLUTION
Avatar of David S.
David S.
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of datacomsmt

ASKER

Excellent answer, thanks!
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?)