CSS trouble

I am attempting to make my first all-CSS/no tables web site. I am also switching from MT to WordPress at the same time.

Here’s my work so far: http://www.badmouth.net/wordpress

I was feeling pretty good until I dropped out of Firefox and switched to IE to check for compatibility. Bleah.

I am now in the process of intentionally coding some things incorrectly just to get them working in IE.

But my current problem involves Firefox. I have created a custom template from scratch for the site. Every story is contained in a div with a second div beneath it that makes it look like a word baloon.

A one-pixel gap has appearas in between the main story div and the second div. Not in every story — but in every other story.

It’ a stupid and small…but I notice it and I want it to go away. IE renders this correctly. It screws up on everything else, but this works fine.

Any thoughts?