Suckertree Horizontal Menu - Shift from attached css?

[greenman]

Please regard this page (http://blog.greenman.us/testpage.php). CSS is in the document. It works as expected.

Then regard this page (http://blog.greenman.us/testpage2.php). CSS is attached. It does not work correctly.

This code is taken unvarnished from the suckertree horizontal menu (http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/) page.

Why is CSS shifting everything including submenues about 40 pixels right in the second example? The only difference is that the first has it in the document while the second is attached. All else is the same.
<link href="styles.css" rel="stylesheet" type="text/css" />
Suckertree will be useless to me without attaching it to a style sheet for all my pages.

Any help will be greatly appreciated.

[greenman]

Hmmm...
Tried this too (http://blog.greenman.us/testpage3.php).

<style type="text/css">
@import url('/styles.css');
</style>

Still nobody has any ideas?

Am I missing something?

[Medyman]

you still have the style tags in your external CSS files...

remove <style type="text/css"> from the top and </style> from the bottom of your external CSS file.

That shoudl fix it.

[greenman]

I had temporary style type blindness. It's a lot like "milk blindness" -- when you're staring into the refrigerator at the milk carton and you shout "Honey, where's the milk?" Except, of course, it's nothing like that.

Again, thanks, Medyman!