簡單說就是，你可以用.class_a.class_b（重點：中間不能有空白）這個寫法來讓樣式只套用在同時有class_a、class_b兩個類別的html元件上，例如<div class=”class_a class_b”>。

但是IE6看不懂.class.class這個寫法，所以IE6會把.class_a.class_b 的樣式套用到<div class=”class_b”>這個html元件上。

這個IE6的問題讓我苦惱了一陣子，因為之前沒有用過.class_a.class_b這樣比較進階的寫法，不知道IE6有這個「bug」，結果找出問題的地方找了好幾天。知道原因後，只好去改php，讓html裡面再製造一個「class_a-class_b」這樣的class。

其實這個IE6不支援的css選擇器還算是影響比較小的一個，不過實在是有整到我，所以在這邊記錄一下。

也有設計師提出其他的方案，像是Universal Internet Explorer 6 CSS讓所有網站遇到IE6都使用這個樣式表，這樣你就不必花許多時間在做處理IE6問題上。

不過這些方案在商業（設計案）上都有實用上的問題。客戶不會接受IE6的畫面和其他瀏覽器完全不一樣，也不會接受一個阻止使用者瀏覽網站的升級視窗。雖然我自己的網站很大膽的用了ie6-upgrade-warning，但是幫客戶做的網站，這些方案完全沒有使用的可能。

但是，戰爭還沒有結束！設計師的創意是永無止境的。最新推出的IE6 Update解決了以上方案都有的「客戶不接受」問題。因為IE6 Update是模仿IE6的訊息介面，提醒使用者該升級了！客戶只會以為那是IE自己的訊息，不會發現你多加上了什麼怪東西。

或許不會有多少使用者看到訊息就把IE6升級了，不過，多裝上這個IE6 Update，還真有出一口氣的感覺。

在IE下看一下原始碼也沒什麼異樣，實在想不出為什麼，我甚至還懷疑今天是四月一號，該不會版型暗藏愚人節玩笑吧？

在沒辦法的情況下，只好回Drupal官網看看，很幸運的馬上就看到解答了。原來IE有30個css檔案外連數量的限制（有的網站說是32個）。而我的網站css數量超過了，所以就有css被犧牲囉。這時我把Drupal內建的css合一快取的功能啟用一下，問題就解決了。

通常一般網站是不會沒事寫那麼多個.css的，偏偏Drupal這種CMS，每外加一個模組都有可能再外加一個該模組用的css
，才導致這種情況。這也剛好回答了某篇網誌的問題，究竟要大到什麼程度的網站，會需要用到32個以上的CSS外連檔？

當然還有自行發現的強者。

P.S. IE還有288k限制，詳情可以看這篇文章。

我想我應該是沒有記錯，IE是有支援負的邊界值才對，所以google一下。原來又是一個bug。這個bug好像比較冷門，文章不多，而且描述的現象又跟我遇到的不太一樣，都是說超出邊界的內容會被隱藏，但是我的狀況只是margin變成0（的效果）而已，沒有內容被隱藏。

不過，總之結論是遇到討厭的hasLayout問題了。講簡單一點，要設負的邊界值的block不能設定寬度，設了寬度就會啟動hasLayout屬性，觸發這個bug。

不過問題是這次我需要設寬度才行，所以我改用position來完成這項工作，然後再次詛咒IE去死去死去死去死去死去死去死去死。

<!–[if IE 6]>
<style>*{position:relative}</style><table><input></table>
<![endif]–>

我沒有IE6可以試試看效果如何，不過我也在考慮要不要加入這個行列XD
對了，2009年了。新年快樂！我的新年許願：IE6快點消失！

解決方式是塞一個&nbsp;在裡面：

<td>&nbsp;</td>

有趣的是某些教學文件指出「大多數的瀏覽器」在<td></td>裡面沒有東西的時候是不會顯示出格子的（是什麼年代的事情呀？），但是我自己實驗的結果是Safari、Firefox、Opera都是會顯示的。所以目前的狀況是，只有IE會遇到這個問題。

更糟糕的是，其實css裡面有empty-cells這個屬性可以設定。你可以用show或者是hide來決定當<td></td>裡面是空的時候這個格子要不要顯示，但是問題是，目前的主流瀏覽器中，就只有IE不支援！

但是如果<td></td> 的文字是包在<p></p>之中的，例如這樣：

<table>
<tr>
<td><p>內容文字</p></td>
<td><p>內容文字</p></td>
</tr>
<tr>
<td><p>內容文字</p></td>
<td><p>內容文字</p></td>
</tr>
</table>


這時候IE跟Firefox的解釋就不一樣了。Firefox認為<p></p> 是上下是要有間隔的，間隔之外才跟邊框的距離為0，但是IE則是直接就把<p></p>當做不存在，讓文字跟格子0距離了。

解決方式就是把<p></p>拿掉，或是不要用cellpadding屬性了，外觀的設計都應該用css來設定才是。