Suckerfish Menu and External Stylesheets

[kittentaboo]

I've been experimenting with external stylesheets, but can't seem to get them to work with my Suckerfish menu.

My menu looks and works fine if the CSS and Javascript are in the HEAD of the page, but when I link to the code externally, there are problems. In IE the drop downs don't work and in FF the drop downs work, but the padding looks messed up. Here's the page:

http://www.actorscomprehensivetraining.com/test.html

I'm not sure what I'm doing wrong or if maybe there's a conflict with the stylesheets that are already set in place by the web editor program I'm using (the links to the global CSS files are created by the host).

I've tried an array of things already, just for kicks... like getting rid of tabs and comments in my CSS and Javascript (sorry if that made the code hard to read). But still, there's something I'm just not getting!

Any thoughts would be appreciated...

[Medyman]

I'm not sure what I'm doing wrong or if maybe there's a conflict with the stylesheets that are already set in place by the web editor program I'm using (the links to the global CSS files are created by the host).

Whoa! That's a lot of stylesheets. Can you control whether those are added to your page or not? If the menu is working when you add the styles directly into the HTML, then I would be willing to bet that some of those global styles are overwriting your menu styles.

Have you tried testing this locally without the global stylesheets? If not, you should try that and see if it works.