From Ron Adams, on the mailing list:
I realize this discussion could be more related to the
html5boilerplate-server-configs project.
I recently deployed a new site using the HTML5 boilerplate, and its
awesome :)
With todays release of IE9 however, I noticed that IE9 was not loading
the stylesheet (see: http://i.imgur.com/4LhQO.png ). The stylesheet
loads fine in IE8, 7, Chrome, Firefox, etc. We tested the site with
the IE9 platform preview, and that works fine as well.
Looking at the HTTP request with Fiddler2, I noticed that the
style.css was returning a HTTP 406 error, and the content-type was
incorrectly set to "text/html; charset=utf-8". (see: http://imgur.com/K25x5
)
You can see another request for style.css below, that returns HTTP
200, but that request was coming from google chrome.
What would cause the web server to serve one mimetype for IE9 and
another for chrome, firefox and the other browsers.
A workaround for this was to edit my web.config file (based on the
html5boilerplate-server-config web.config file)
from:
<remove fileExtension=".css"/>
<mimeMap fileExtension=".css" mimeType="text/css; charset=UTF-8"/>
to:
<remove fileExtension=".css"/>
<mimeMap fileExtension=".css" mimeType="text/css"/>
That fixes the issue, but more importantly, why would IE9 be the only
problematic browser? Why would IE9 be the only browser to see "text/
html; charset=utf-8" in Fiddler?
I'd like to push this fix into the server-configs project, but at the
same time, it seems like a crappy work-around and if anyone knew how
to dive deeper, I'd like to know more info.
Thanks.