I have posted this before, then said that I was abandoning this attempt
and going back to tables. Well, forget the tables as the problem with
browser resolutions is going to kill me there.

This is a fluid CSS design but there are just a few tweaks needed to get it
to work in all three browsers. If you can help explain why these problems
are happening, I'd really appreciate it.

I need this site to work in IE6, FF and IE7.

http://www.crnorthampton.com/new_site/index.html
http://www.crnorthampton.com/new_site/layout.css

So far, FF looks very good but IE6 looks like trash and I haven't been
able to test completely in IE7.

Problems observed in FF(2.0.0.7):
  1. Links in Sponsors have inherited rollovers from Main Menu even though they are different class.

Problems observed in IE6(6.0.2900.1280):
  1. In the cool-links area, the Today in baseball History scroller, the text is "squished"
  2. Links in Sponsors have inherited rollovers from Main Menu even though they are different class.