Urban Gray Accordion Menu Help needed

[annelies]

1) Script Title: Urban Gray Accordion Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...menu-urban.htm

3) Describe problem: When I use the script the drop down menu doesn't drop on the right place but on the heading above. So in the attached example the about us menu drops when you hover over the home and when you hover over the about us the membership drops down etc. etc.

I have made no changes to the ddaccordion.js file or made any changes to the css or scripts.

Any help would be appreciated. This seems to happen in both Firefox 3 and IE 7

Thank you

[ddadmin]

Does this occur on the DD demo itself for you as well? Please post a link to the page on your site that contains the problematic script so we can check it out.

[annelies]

I am sorry I thought I had attached it but I got an error.
http://www.annelies.ca/AIEP/template2/temp.html
this is basically the demo copied into the page
Thanks Annelies

[ddadmin]

Looking at your page, you have an unequal number of ".headerbar" DIVs versus ".submenu" ULs. You should always have the same number. In your case, the following has no corresponding ".submenu" UL:

<h3 class="headerbar"><a href="#">Home</a></h3>

You should either remove the above, or give it a different class name other than the one designated to act as an accordion header (ie: "headerbar").

[annelies]

Thank you that works.
Annelies