Placing Collapsible Panels Within Collapsible Panels?

[AbNormal27]

I have been building this page... http://www.tottengroup.com/java/OurProducts_BETA.html, and have been running into a small problem that I can’t seem to remedy.

We 5 divisions with different products, and some of those produts have sub-categories. I’m having trouble figuring out how to have separate collapsible panels for each within a collapsible panel to faciltate this in our website.

If you click on the COMMERCIAL CASUALTY tab, and then click any of the sub menus (for demonstration purposes, try Tanks at the bottom of the CC list), the items in that menu appear underneath / behind the HOSPITALITY tab. How do I keep this from happening?

Thoughts? Ideas? HELP!

Aaryn

[edbr]

it would seem to me to be a z-index problem . did you try altering them?

[AbNormal27]

Originally Posted by edbr

it would seem to me to be a z-index problem . did you try altering them?

Altering them? How so? Please explain.

Aaryn

[edbr]

i mean look what z-indexes have been used for the menu elements ansd try changing or modifying or altering them to see if you can bring the submenu infront of the second stage menu. At the moment if it is behing the layer it would need aletering, or changing adding or modifying. that what i was suggesting

[AbNormal27]

It was an issue with the JS. I've got the menus working properly now, but I'm fighting with the CSS to get the image in the SubCategory menus to change when clicked.

http://www.tottengroup.com/java/OurProducts_BETA.html

Aaryn