Smallest of margin's between 2 floating divs in webkit

Any css guru want to educate a simpleton on this one? In Chrome (and I presume Safari as well) I'm getting a small (maybe 1px) margin between 2 floating divs. Width of the left div is 58% and the right div is 42%. In Firefox there is no such margin. Haven't tried IE or Opera yet. Using Chrome's dev tool I did see that p has something called -webkit-margin-before and -webkit-margin-after which were set to 1em. I tried overriding that but it doesn't help. Probably unrelated. Any help?

Link to the page: http://www.audlibri.com

EDIT: confirmed same problem 开发者_高级运维in Opera 11.

Unfortunately, the best fix to this problem is setting body { background:#XXX; } to the same color of one of those columns (#788081 or #B7B59B). Hopefully there's no real need for them to be flush against each other.

It's a sub-pixel rendering problem with percent-based web layouts.

This short article by John Resig (of jQuery fame), explains it very clearly.

It's a little out of date (Jan 2008), but still applicable, I'm sure.