Doctype and CSS link hover, etc.. problems

[mjackson71]

I'm wanting to declare a doctype for my webpages, but when I do so, my CSS properties for .leftmenu start acting funny in both IE and Firefox...

A.leftmenu:link {text-decoration: none; color: #ADD5AF; }
A.leftmenu:visited {text-decoration: none; color: #ADD5AF; }
A.leftmenu:hover {text-decoration: underline; color: #F9805D; }
A.leftmenu:active {text-decoration: none; color: #F9805DF; }

A:link {text-decoration: none; color: blue; }
A:visited {text-decoration: none; color: blue; }
A:hover {text-decoration: underline; }
A:active {text-decoration: none; }

Here's an example page with a doctype declaration...

http://www.yerba-mate.com/partners.htm

It runs fine w/o doctype in FF and in quirks mode for IE. I need to declare a doctype to fix my layout for IE. Any help would be appreciated. Thanks!

[dc dalton]

My first suggestion is to hit the html validator with the page as you do have quite a few errors that COULD effect proper rendering.

Funny thing about validating, even though some people say its just a pain to have a valid page, it usually helps solve a lot of problems just by following through and fixing what it finds..

BTW, define "funny"