I've read about bugs in IE 6 a little, but am a bit overwhelmed by all of them and still confused about how to handle them. I'm working on a site that generally looks good but has a couple problems in IE 6.
Here's the site:
And the CSS file:
The three boxes below the main animation should be centered on the page, but in IE 6 they are shifted to the right. The phone number and e-mail address in the footer are also pushed to the right--they should be directly next to their respective icons. All these items are floated, so I imagine that has something to do with the problem. Does anyone know what's going on there/how to fix it? Is there a simple adjustment that can be made to fix it in IE 6 without messing it up in other browsers, or should I just create a separate stylesheet for IE 6 and use a conditional statement in the HTML? Thanks.