Codegirl,
After searching and searching, it seems that you and I are the only ones in the world who have this problem. In the F12 console, I found: SEC7113 “CSS was ignored due to mime type mismatch”. Discussion here: MSDN. It seems that IE9 and above “sniff” the HTTP headers for the correct MIME type, and ignore JS and CSS that have the wrong header. When it fetches files from the local filesystem, it should disable this sniffing, since there aren’t any real HTTP headers. But our two computers (and nobody else’s) are sniffing and ignoring anyway.
For grins, I tried changing type=text/css to text/plain - the error message went away, but the CSS still did not work. Apparently, IE has developed some other funky rules to ignore text/plain’s in many circumstances.
Well, I seem to have found the cause of the problem, but how to fix it? No idea. Maybe someone else can take it from here.
I work in Dreamweaver/Firefox, and only use IE as a final compatibility check after I’ve loaded stuff to a server, so it’s taken me a long time to encounter this problem. Heck, the only reason I did is that I developed a little personal extension to BeerSmith (a homebrewing beer Win application) that I haven’t used since the XP (IE8) days. Beersmith can be tweaked to invoke the IE on the user’s computer, but unfortunately can’t invoke other, more reasonable, browsers. Since I’m the only one using my personal extension, I took the cowardly way out - I just hit F12, and select the IE8 mode. Works fine. Slightly cumbersome, but it sure beats reloading the OS.
Imagine if Microsoft made cars. You’d take your car in for an oil change, and they’d recommend removing the engine, scrubbing it, and reinstalling it…
Oh, and since our two computers seems to have been meant for each other, I was going to ask you to marry me. But your computer has moved on, so I’m rescinding the offer.