IEでtd,thの幅指定（width）が効かないときにするべきこと

htmlの記述

<table class="sample">
<tr>
<th width="350px" colspan="2">大ヘッダ</th>
</tr>
<tr>
<th width="150px">子ヘッダ１</th>
<th width="200px">子ヘッダ２</th>
</tr>
<tr>
<?php foreach{$dbh->query($sql) as $rows}:?>
<td><?php echo $rows['staff_id']; ?></td>
<td><?php echo $rows['staff_name']; ?></td>
<?php endforeach;?>
</tr>
</table>

cssの記述例

.sample {
/* 略 */
}
.sample th{
/* 略 */
table-layout: fixed;
}

teble-layout:fixed;を記述しなかったら場合、親ヘッダ350px内で子ヘッダ１と子ヘッダ２が均等の幅で分割されてしまいますが、これを記述することできちんと指定した幅に分割されます。