Internet Explorer 8 colspan 해석이 잘못 되었습니까?

Question

이 HTML 테이블은 일부 브라우저에 의해 잘못 해석되고 있으며, 이해 할 수없는 이유 :

크롬 및 Outlook 디스플레이 2 층과 3 라인의 2 세포가의 4 셀 위로 통과 내가 기대하는 렌더링, 라인 4 라인 4 ~ 10의 4 셀은 2 층과 3 라인의 2 차 전지 "후 시작" 디스플레이 뭔가 다른 인터넷 익스플로러 8과 오페라 10, Screenshot of Chrome rendering http://www.team-logics.com/public/stackoverflow/2010-12-05-Chrome.png

10.

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

모든 추측은 왜 내 colspans 등 rowspans 같은 방식으로 해석되지 않습니다? 어떤 브라우저가 맞습니까? 코드가 모두 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 너비와 실제 너비. 이 두 값은 다른 것으로 보입니다. 브라우저에서 사용 방법을 결정하는 방법에 차이가 있다고 생각됩니다. 복제물을 제거하고 어떤 일이 일어나는지보십시오.