<html>
<head><style>
  table        { width: 600px; }
  td.smallSpec { width: 100px; }
  td.bigSpec   { width: 500px; }
  td.smallPct  { width: 10%;   }
  td.bigPct    { width: 90%;   }
  td.pink      { background: pink; }
  td.teal      { background: teal; }
</style></head>
<body>

<h2>Other column fixed-width; two zero columns with colspan; explicit 0 width on span</h2>

<table cellspacing="0" cellpadding="0">
  <tr>
    <td class="smallSpec pink">100</td>
    <td class="bigSpec teal"/>
  </tr>
</table>

<h2>Other column percent-width; two zero columns with colspan; explicit 0 width on span</h2>

<table cellspacing="0" cellpadding="0">
  <tr>
    <td class="smallPct pink">10%</td>
    <td class="bigPct teal"/>
  </tr>
</table>

<h2>Other column fixed-width; zero-column explicitly zero-width; zero column spanned by colspan (crossing other column)</h2>

<table cellspacing="0" cellpadding="0">
  <tr>
    <td class="pink">100</td>
  </tr>
</table>

<h2>Other column percent-width; zero-column explicitly zero-width; zero column spanned by colspan (crossing other column)</h2>

<table cellspacing="0" cellpadding="0">
  <tr>
    <td class="pink">10%</td>
  </tr>
</table>

</body>
</html>