Question

I’ve never run into this before, but upon checking my work

http://ryanspahn.com/avia8/

in ie8 and below I am noticing it completely ignores the css. The css is being read in other browsers but not in ie8 and below.

I’ve never seen this before. Anyone have a suggestion?

Answer 1

Check style.css, line 51:

#extra-spacing {
    margin: 17px 0 0 0; 
    padding: 0 0 0 7px;" /* <- extra quote */
}  

When I removed the extra quote, it worked for me.

---

In the interest of education, this is how I found the problem:

First, I used IE9’s developer toolbar (press F12 on the keyboard) to switch the browser mode to IE7. (IE8 also has the developer toolbar) Then I looked on the CSS tab and noticed that it was only loading a partial set of rules. Since it stopped at the #extra-spacing rule, I knew there was probably a syntax error there.