If your css files are fine, and display properly in Internet Explorer, but not in Firefox or Chrome, the most likely culprit is that you need to save the css file in UTF-8. If you are using Notepad to edit, when saving, click on “Save As”, then go to where it says “Encoding”. You DON’T want ANSI. Click on the arrow by ANSI to open the list, and click on “UTF-8″. Then save. Now it should display perfectly.
This was extremely frustrating for me, and I wasted a bunch of time thanks to Firefox’s and Chrome’s strict insistence on only displaying what the current standards state. IE7, IE8, IE9, IE10, and IE11 are much more reasonable from a real-world point of view.
How to display css files in Firefox or Chrome? Save in UTF-8!