I normally find an off the peg menu system that works but this time I have to make some modifications... I normally muddle through but I'm struggling....

I am using a horizontal menu bar which uses images for the default and rollover effects (this is mandatory as the client wishes to enforce a particular font for the menu items). This is all working fine.

I need to add submenus to some of these root menu options (these need not be images) and I was looking at this rather neat solution using jquery: http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/

However, Im struggling to get the sub-menu options to appear at all. I suspect that I may not be grabbing the correct DOM object. The prototype web page is here (http://www.hardingweb.net/collyers/index.html) and the About Us menu option should provide sub-menu options.

Can anyone suggest what I might be doing wrong?

Files used:

http://www.hardingweb.net/collyers/index.html
http://www.hardingweb.net/collyers/style/menubar-img.css
http://www.hardingweb.net/collyers/js/main.js

Thanks
Nigel

Welcome to the club, nharding99.

That's because you're trying to merge 2 scripts:
one from Dynamicdrive, the other is Sohtanaka's.

Seems that these two has different HTML menu tree structure,
and also submenu capability, i.e: Sohtanaka's couldn't create multiple
submenus (?).

So, assuming that you only need 1-level deep submenus,
probably converting DynamicDrive into Sohtanaka's is the easiest way.

Hendra