How to make something float: left

I have a site that I’m trying to rewrite using CSS. It all looks fine in MSIE, but when I go to Firefox or Netscape, I run into problems. Basically, I have 4 groups of articles that I want to link to and I want them to be in a 2×2 block. I have the groups farthest to the left (called “Features” and “Opinions”) in div’s marked “float: left” so that the other groups (“News” and “Sports”) will be to their right. As I said, it looks perfect in MSIE, but in Netscape and Firefox, the groups of articles are just positioned right after the other down the page. Also confusing is that this method worked fine at the top of the page, where the quote (“The open mind of the university”) is a div marked “float: left” and the image right next to it (“Georgia Forum”) is right where I wanted it.

The site is: [url]www.thegeorgiaforum.com/test_page.html[/url]
and the css is at: [url]www.thegeorgiaforum.com/style.css[/url]

Any help will be greatly appreciated, since I really don’t want to cheat and just stick all this stuff back into a table.

Also in #CSS _↴