The site I'm working on is http://www.lshd.com/client/ebad/aerospace/
I'm having a problem w/ the vertical menu on the right side of the page. The first time you click on a menu item it will work fine. After that, you have a submenu showing. If you click on a main section that's ABOVE the section you're currently in, the menu will work fine.
But if you click on a main section that's BELOW the section you're currently in, here's what happens:
The section you're currently in stays highlighted (this should NOT happen)
The section you just clicked on becomes highlighted (this should happen)
The new section's submenu becomes visible (this should happen)
The page does not change to the new section ?!? (this should NOT happen)
You have to click the menu item a 2nd time for the page to actually change.
The menu is a <UL> & the menu items are <LI>s. I'm using IDs to do the positioning and the background highlighting. I use IDs within the <LI> tags to do this for the submenu items but I can't do that for the section headers because it creates a box around the submenu as well. So for the section headers I'm putting the ID in the anchor tag.
Why would it work when you click from the bottom to the top of the menu but not from top to bottom?
When I click on a section, why doesn't the page change (I have to click twice for the page to change)? Does the ID in the anchor tag take some precedence over the href?
Thanks for any help you can offer! I'm very confused by this one!