<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>width in &lt;COL&gt;</title>
</head>
<body>
<div style="width: 600px;">
<p>The following two tables should be the same.</p>
<p>Table 1: width in &lt;COL&gt;</p>
<table style="table-layout:auto;">
    <col style="width: 150px;">
    <col style="width: 100px;">
    <tr>
        <td style="background: yellow;">
            Cras tincidunt bibendum nunc. Morbi condimentum aliquet diam. Phasellus pulvinar, nisl at tempor auctor, dolor pede vestibulum risus, placerat malesuada dui enim nec est. Nulla leo.
        </td>
        <td style="background: green;">
            Lorem ipsum
        </td>
    </tr>
</table>
<p>Table 2: width in &lt;TD&gt;</p>
<table style="table-layout:auto;">
    <tr>
        <td style="width: 150px; background: yellow;">
            Cras tincidunt bibendum nunc. Morbi condimentum aliquet diam. Phasellus pulvinar, nisl at tempor auctor, dolor pede vestibulum risus, placerat malesuada dui enim nec est. Nulla leo.
        </td>
        <td style="width: 100px; background: green;">
            Lorem ipsum
        </td>
    </tr>
</table>
</div>
</body>
</html>