Неправильная интерпретация colspan в Internet Explorer 8?

Question

Этого HTML-таблица быть неверно истолкована некоторыми браузерами, и я не могу понять, почему:

Chrome и перспективы дисплея рендеринг Я ожидаю, где 2-й клетка 2-го и 3-я линии проходит по 4-ю ячейки линии 4 до 10.

Screenshot of Chrome rendering http://www.team-logics.com/public/stackoverflow/2010-12-05-Chrome.png

Internet Explorer 8 и Opera 10 дисплей что-то другое, где четвёртая ячейка линии 4 до 10 «начинается после того, как» 2-й клетки 2-го и 3-й линии.

Screenshot of Internet Explorer 8 rendering http://www.team-logics.com/public/stackoverflow/2010-12-05-IE.png

Любые догадываются, почему мой colspans ЕТ трёе двоеточия не интерпретируются таким же образом? Какие у вас браузеры? Как я могу упорядочить свой код так, чтобы все они отображались как Chrome?

Мой реальный код: (К сожалению, грязный код, это означает, что электронная почта подписи)

<table border=0 cellspacing=0 cellpadding=0 width=400 style='width:300pt;border-collapse:collapse;border:1px solid black;'> 
<tr style='height:9.75pt'> 
    <td colspan=6 valign=top style='border:1px solid black;height:9.75pt;width:300pt;' width="400"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:1;height:12pt' height="16"> 
    <td rowspan=9 valign=top style='border:1px solid black;height:12pt;width:14.25pt' width="19"> 
    </td> 
    <td bgcolor="red" colspan=3 valign=top style='border:1px solid black;height:12pt;width:203.25pt;' width="271"> 
    </td> 
    <td rowspan=2 valign=top style='border:1px solid black;height:12pt;width: 72pt' width="96"> 
    </td> 
    <td rowspan=2 valign=top style='border:1px solid black;height:12pt;width:10.5pt' width="14"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:2;height:12pt' height="16"> 
    <td bgcolor="red" colspan=3 valign=top style='border:1px solid black;height:12pt;width:203.25pt;' width="271" height="16"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:3;height:3.75pt' height="5"> 
    <td colspan=2 valign=top style='border:1px solid black;height:3.75pt;width:170.25pt' width="227" height="5"> 
    </td> 
    <td colspan=3 rowspan=7 valign=top style='border:1px solid black;height:3.75pt;width:115.5pt' width="154"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:4;height:11.25pt' height="15"> 
    <td valign=top style='border:1px solid black;height:11.25pt;width:27.75pt' width="37"> 
    </td> 
    <td valign=top style='border:1px solid black;height:11.25pt;width:142.5pt' width="190"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:5;height:11.25ptpt' height="15"> 
    <td valign=top style='border:1px solid black;height:11.25pt;width:27.75pt' width="37" height="15"> 
    </td> 
    <td valign=top style='border:1px solid black;height:11.25pt;width:142.5pt' width="190" height="15"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:6;height:3.75pt' height="5"> 
    <td colspan=2 valign=top style='border:1px solid black;height:3.75pt;width:170.25pt' width="227"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:7;height:11.25pt' height="15"> 
    <td colspan=2 valign=top style='border:1px solid black;height:11.25pt;width:170.25pt' width="227" height="31" > 
    </td> 
</tr> 
<tr style='mso-yfti-irow:8;height:23.25pt' height="31"> 
    <td colspan=2 valign=top style='border:1px solid black;height:23.25pt;width:170.25pt' width="227"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:9;mso-yfti-lastrow:yes;height:50.25pt' height="67"> 
    <td colspan=2 valign=top style='border:1px solid black;height:50.25pt;width:170.25pt' width="227"> 
    </td> 
</tr> 
</table> 

Answer 1

Я не был уверен, где разместить эту проблему, поэтому я разместил ее также в DocType.

Я получил мой ответ там: http://doctype.com/incorrect-internet-explorer-8-colspan-interpretation

Я также должен был указать в моем.

Answer 2

Это, вероятно, не помогает, что для многих из столбцов, то есть как ширина CSS (указанная в атрибуте стиля), так и фактическая ширина. Эти два значения кажутся разными, и я подозреваю, что существует разница в том, как браузеры решат, что использовать. Попробуйте удалить дублирование и посмотреть, что произойдет.