Using COOLjsMenuPro and CSS for "A" html tags

[DonP]

I'm new to COOLjsMenuPro. After hours of unsuccessfully adding some menus to an existing web page, I finally stumbled across the fact that the CSS definitions for <a> tags in my existing web page somehow interfere with the correct behaviour of my COOLjsMenuPro menus, at least when using IE6. I was getting main menu items that were blank (no text). After deleting the CSS for <a> tags, the menus appear to work--but then the links in my web page are not styled the way we want them (revert to the default style). Before I spend more hours trying to resolve this, could anyone provide any advice on how to use CSS for <a> _and_ COOLjsMenu at the same time.

FYI, here were my old CSS for <a> definitions:
A {color: #FF6600; background-color: #000000; text-decoration: none;}
A:link {color: #FF6600; background-color: #000000; text-decoration: none;}
A:visited {color: #FF6600; background-color: #000000; text-decoration: none;}
A:hover {color: #000000; background-color: #FF6600; text-decoration: none;}
A:active {color: #FF6600; background-color: #000000; text-decoration: none;}

[AlexKunin]

First, "wrap" your menu with some div:

[Guest]

Alex, thanks a bazillion. Works perfectly. Would've taken me a very very long time to get that on my own.