一陣嘻，噓!

呃，直接寫在下面。

IE的hr不支援css背景方式，會變成一塊顏色，所以使用list-style的方式去達成同樣目的～
先透過display指定為list，接著就可以下list-style了

嗯，這年頭的IE系列css hack都改為 \9了，所以針對性的給ie用的在屬性後面都加上\9

當然，要在原本的下方，不然又被重新設置掉了

hr{
width:648px;
height:13px;
background:url(../images/hr.gif) left top no-repeat;
border:0px;

/*IE用*/
display : list-item\9;
list-style : url(../images/hr.gif) inside\9;
filter : alpha(opacity=0);
margin-left: 0px\9;
width : 0\9;
}

以上，簡單紀錄

唉，IE7還是不能放生阿...

要讓原本預計多出來的區域隱藏的部份，在舊版IE底下仍會出現。
解決方式就是在下了overflow:hidden的該選擇符底下額外加入相對定位 → position:relative;。

#news_area #news div.region-news{
padding-top:5px;
height:110px;
background:none;
overflow:hidden;
position:relative;left:0px;top:0px;
}

網路上有寫說在父層加上相對定位，但是我的父層是使用絕對定位（position:absolute）阿..
後來看到可以在該層加上相對定位就可處理，一試之下成功了，就留在這囉。

以上，簡單紀錄

因為最近網站實做要用到，所以順便整理起來，有需要的看官請自行取用。



以前設計時的IE與FF區分
一般常會去動到margin，所以都是在原始的下面加*號，因為都是由上往下讀取，所以*出現時，就會把上方的設定值蓋掉。藉此來區分IE跟FF，也就是個別設定。

margin-top:0;    // 原始（FF）
*margin-top:-2px;    // IE

IE6、IE7、FF都成
現階段如果要設計三種通吃，大概就用這種方式吧。

background:#FFF; // 原始（FF）
*background:#39f; // IE6、IE7
_background:#f9f; // IE6 only

以前設計為IE6、FF，現在得加入IE7
好吧，我就是這類型的，以前設計是區分好IE6、FF，哪知道該死的廠商安裝新電腦、新系統時，都更新為ie7...
一些ie7的問題就浮現了，現在只能又針對ie7做補強型的修改。
若在屬性前增加 *+ html是沒有用的，要加在 {} 前。
這類型的解法：*+html → IE7 認為 html 前面的 DTD 聲明也是一個元素，所以 html 會被選擇。

body{
background:#FFF; // 原始（FF）
*background:#39f; // IE6、IE7
}

*+html body{     // IE7 only
background:#f9f;
}

下面是網路上找的資料，有需要就點進去看吧。
※發現網路上有一篇解釋很清楚的部落格記載：歲月如歌