Tại sao chiều rộng ô bảng của tôi sai trong Chrome?

Question

Tôi có một bảng có hai hàng. Hàng đầu tiên chỉ có ba ô. Hàng thứ hai có hai ô, với ô đầu tiên có chứa một bảng khác cần điền vào toàn bộ ô.

<table border="1" style="border-collapse:collapse;"> 
    <tr> 
     <td style="WIDTH: 205px;">1</td> <!--This width doesn't apply in Chrome--> 
     <td style="width:100%;">2</td> 
     <td style="WIDTH: 5px;">3</td> 
    </tr>     

    <tr> 
     <td colspan="2"> 

       <TABLE width="100%" border="1" style="border-collapse:collapse;table-layout: fixed;"> 
        <TR> 
         <TD style="width:130px;"> 
          A</TD> 
         <TD style="width:90px;"> 
          B</TD> 
         <TD style="width:230px;"> 
          C</TD> 
        </TR> 

       </TABLE>   
     </td> 
     <td> 
      D 
     </td> 
    </tr> 
</table> 

Đủ đơn giản, thực sự .... hoặc tôi nghĩ vậy.

Nó xuất hiện như tôi mong đợi trong IE. Nhưng Chrome dường như không áp dụng chiều rộng của ô đầu tiên chính xác. Nó dường như bị ảnh hưởng bởi bảng trong ô bên dưới.

Tại sao điều này xảy ra, và làm thế nào tôi có thể làm được việc này?