Site doesn't look right in IE8

My site works fine in every browser except IE8.

[DigitalSky]

I'm not going to ramble on about how much I despise Microsoft Internet Explorer. I will say that IE9 and IE10 have gotten much better though (thank goodness).

Either way, here is my issue...

The site in question is <SNIP>. The site is not done by any means so don't pick it apart please. It looks almost perfect in every modern browser I view it in except IE8. In IE8 the image in the header doesn't show up and there's a host of other issues with the way it looks.

View it in IE9 and then view it in IE8 side-by-side and you'll see what I mean.

Also, my web fonts (which I pay for through TypeKit don't work in IE8 but do work in IE9).

Anyhow, I'm scratching my head here trying to figure out why it's showing up all crazy in IE8. Any input would be appreciated!

[edited by: incrediBILL at 9:13 pm (utc) on Feb 6, 2013]
[edit reason] URL removed, see forum charter [/edit]

[Fotiman]

IE8 includes some relatively useful Developer Tools. When the page is open, press F12 to start the Developer Tools. You can then look through the elements to see what styles it thinks each one has. That might help you to track down the problem.

[swa66]

IE is the worst of the worst browsers out there, we all struggle with it. The older the version, the worse it is. Esp. CSS implementations suck, and if you happen to trigger it's quirks mode all bets are off.

Try to reduce the problem by eliminating more and more of your page till you have the absolute minimum that still shows the problem. Post that code...

[lucy24]

What format are the fonts? Quick detour to caniuse dot com confirms that MSIE < 9 doesn't support the standard .ttf, only their own .otf format.

[drhowarddrfine]

And if you are using any HTML5 elements, they won't work in IE8 either without a "shiv".

[DigitalSky]

I am using HTML5 elements such as <header> and <footer> tags. How can I make those work in IE8?

[DigitalSky]

The fonts are Fonts that are hosted on TypeKit so they serve the fonts in whatever version the browser wants. IE8 should use a .eot font.

[Fotiman]

I am using HTML5 elements such as <header> and <footer> tags. How can I make those work in IE8?

Use either Modernizr [modernizr.com] or html5shiv [code.google.com] (note, Modernizr includes the html5shiv code).

[edited by: Fotiman at 12:32 am (utc) on Feb 7, 2013]

[DigitalSky]

Thanks Fotiman, I had no idea this even existed so I just learned something new. I'll check it out and see if it fixes anything.