Jag har den här testkoden:
<style type="text/css">
TD.level1.closed {
background-color: silver;
}
</style>
<table>
<tr>
<td class="level1 item1 closed">level1 item1 closed</td>
</tr>
<tr>
<td class="level1 item2 opened">level1 item2 opened</td>
</tr>
<tr>
<td class="level2 item1 closed">--- level2 item1 closed</td>
</tr>
<tr>
<td class="level2 item2 closed">--- level2 item2 closed</td>
</tr>
<tr>
<td class="level2 item3 closed">--- level2 item3 closed</td>
</tr>
<tr>
<td class="level1 item3 closed">level1 item2 closed</td>
</tr>
</table>
I Mozilla blir det rätt. Första och sista TD:n blir gråa. Alltså de med både level1 och closed som klass.
Däremot i Internet Explorer 6 så blir alla utom den andra TD:n gråa. Alltså bara de som har closed med som klass. Verkar bara vara sista klassen som spelar någon roll.
Någon som känner till den här buggen?