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 (#788081or#B7B59B). Hopefully there’s no real need for them to be flush against each other.