Javascript help!

Hello there,

Alright here is my situation, I recently had a javascript menu created for me and tested it everything works fine, here is the link to the files http://www.riotdesigns.net/clients/wjs/menu.html As you can see the drop down menus come down in color, but for somereason when I intergrated them into the full site the colors have dissapeared in firefox, IE works perfectly. Here's the link to the site http://www.visualprofx.com/Client/WWT/Index.php as you can see the red background colors on the drop down menu dissapeared.

I don't think it is a cross browser issue seeing as how the first link i post of the menu by itself works fine in firefox yet when intergrated it doesn't

Help please? Thanks

Guh, talk about unreadable code.

Tried including menu.js too?

[edit] Ignore that ;o, I'll look into it some more.

From a very quick dig into the code (thank God for the web dev toolbar and DOM Inspector in Firefox) it seems that your menu JavaScript is forcing certain background colours to be used.

You'll probably have to edit said menu script(s) to alter/remove the style properties applied to menu items so that you can use your original and proper CSS.

But Jon's right, that code is a horrible mess to try and debug!

Alright I aint good with CSS so do I make something like this

#dropdown {
background-color: #99000;
}
#dropdown a:hover {
background-color: #CC000;
}

And then do this?
<td colspan="14" id="dropdown"><script type="text/javascript" language="JavaScript1.2" src="menu.js"></script></td>

But that doesnt explain why the menu works when it is by itself but when I intergrated it it doesnt work :S

I was going to say that it would be something with your CSS but it seems that’s what others think as well, try running it past the w3c CSS validater, maybe it can point you in the correct direction, also I think you should move the services drop down menu over a few pixels, it doesn't line up with the line in the bar.

I didn't use CSS thats the thing.