CSS的BUG：IE6中一個奇怪的現象！

先聲明，是偶的同事xpoint遇到的，不是偶首發的。不說這句話偶肯定挨揍...當ID與Class組合使用的時候在IE6下無法正常顯示。
CSS代碼：

代碼如下	複製代碼
#f{ font-size:20px}  #f.a{color: red;}  #f.b{color: black; font-size:50px}  #f.c{color: blue;}  #f.d{color: orange;}

HTML代碼：

代碼如下	複製代碼
<div id=”f” class=”a”>a</div>  <div id=”f” class=”b”>b</div>  <div id=”f” class=”c”>c</div>  <div id=”f” class=”d”>d</div>

幻想一下IE會把它解釋成什嗎？ 
看下面的運行效果：

代碼如下	複製代碼
#f{ font-size:20px} #f.a{color: red;} #f.b{color: black; font-size:50px} #f.c{color: blue;} #f.d{color: orange;} a b c d

　　 [ 可先修改部分代碼 再運行查看效果 ]
　　事實上IE6隻識別了#f.a{color: red;} 這一句，而後面三句都忽略了。
對此我們只得表現出無語並表示不理解。
(此現象在Firefox、Opera、IE5中顯示正常)