The in-progress site in question is here.
I have reset my CSS, and in general this squashes browser differences. However, I’m running into something odd that I can’t figure out. Everything looks fine in webkit (Chrome and Safari), but my DIVs start to collapse somewhere after the #slider DIV. I’m trying to be really careful about clearing my floats, but obviously I’m missing something. I’ve also see on other forums that Google fonts sometimes cause problems in rendering the height of text properly, and I’m building this to be responsive so I’m using a lot of ems and percentages. It was suggested that <link> should be avoided in favor of @import for Google Fonts. I’ve tried both methods, same results. Anyone know what’s up here? Not sure it has anything to do with Fonts.
