用CSS创建具有固定宽度列的HTML表

我希望一个表有固定的宽度,但动态的高度,因为内容可能是不同的长度。下面是一个例子:

我有固定的宽度,但内容是重叠的。我做错什么了?这是我的代码:

<table width="60%" align='center' cellpadding='2' 
        cellspacing='2' border='2' style='table-layout:fixed'>
    <thead>
        <tr>
            <th>#</th>
        </tr>
    </thead>
    <tbody>
        ...
    </tbody>
</table>

我的css:

table{
font-size:12px;
}

table td{
    padding:5px; height:auto;
    background:#f6f6f6;
}

table thead tr th{
    background:#d7dbe2; 
}

有什么办法使高度动态变化吗?