Using multiple CSS links simultaneously

[chuckdesign]

I am working on a site that needs to have two simultaneous treatments for its rollovers. In my CSS file, created with Dreamweaver MX 2004, I've created two sets of link styles. See:

http://home.comcast.net/~djfer/hwa_testing/hwa_website/index-test.html

and my CSS file:

http://home.comcast.net/~djfer/hwa_testing/hwa_website/hwa-test.css

The top row of links (starting with "Firm") is supposed to simply change color on rollover; the second row of links (starting with "Institutional") should have a colored background box appear in the hover and active states. It tests OK in IE 6 and Netscape 8 (PC) and Safari 2 (Mac). But in IE 5 (Mac), the background boxes do not show up except for visited links.

Normally I wouldn't stress over just the IE 5 (Mac) audience, but my client needs it to work in all browsers. Any suggestions will be appreciated!

Thanks.