html表格宽度不一致

Question

我遇到的问题是我的html表格单元格宽度不一致。我理解它是因为使用了colspan。我能以任何方式使表格单元格保持一致吗？

示例jsbin： http://jsbin.com/lozajiyeqi/edit?html,output

<tr>
     <td class="noborder" width="100"></td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-08 </td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-18 </td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-28 </td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-38 </td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-68 </td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-88 </td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-98 </td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-108 </td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-118 </td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-128 </td>
     <td nowrap="" bgcolor="#E5FADD" colspan="2" width="200" rowspan="1"> D1-09-138 </td>
     <td nowrap="" colspan="2" width="200" rowspan="1"> D1-09-168 </td>
     <td class="noborder" width="100"></td>
  </tr>

假设highligthed单元格也具有相同的宽度和colspan。但为什么他们有更广泛的细胞？