CSS編碼與頁面編碼不一致導致IE6下樣式不起作用

前段時間與美工做一個系統的時候使用的是Visual Studio2005，頁面用的是GB2312的碼，而美工那邊CSS樣式使用的是UTF-8的碼。導致很多樣式不能正確顯示。
今天又碰到從網上下載下來的CSS樣式，在我的UTF-8的頁面中不能正確顯示（Firefox能正確顯示，IE6不行）。後來，把整個外部參考的CSS樣式，採用<style type="text/css"></style>放到頁面裡,2者就都能正確顯示了。經過排除才發現是編碼問題，從網上下載下來的CSS樣式採用的是GB2312的碼，看

後來在Dreamweaver中建立一個UTF-8的CSS檔案，然後把GB2312格式的CSS檔案中的所有內容複寫過來

建好後的CSS檔案如下：

比較後就可以發現UTF-8的碼字型有被壓扁的感覺，希望大家以後能注意這樣的問題。
至於為什麼Firefox下能正常顯示？我估計可能Firefox預設就是UTF-8碼的原因，具體不詳。還請高手指正。
同樣的問題適用於Js檔案。如果js檔案編碼與頁面編碼不一致，也會出現問題。解決辦法：
1、制定js的charset:例如<script type="text/javascript" src="http://www.cnblogs.com/extJs-lib/scripts/ext/ext-lang-zh_CN.js" charset="utf-8">
2、一開始就用同樣的編碼寫js.當然很多從網上下載的js就沒法逐個字去重打一遍了，這裡推薦一款轉換器.
/Files/showker/GB2UTF8.rar
3、在記事本中開啟，然後另存新檔是選擇“utf-8”編碼，但這個方法待考，有時不起作用