tableの中のdivの縦幅を100%で表示する

tableの中のdivにheight:100%;を効かせてセルの縦幅いっぱいにするには、tableとtd、divそれぞれにheight:100%;を指定する必要があるようです。

HTML例

<table>
<tbody>
<tr><td><div>あいうえお</div></td>
<td>あいうえお<br />
かきくけこ<br />
さしすせそ</td></tr>
</tbody>
</table>

CSS

table {
height:100%;
}
table td {
height:100%;
}
table td div {
height:100%;
}

参考:Table内のtdのdiv要素にheight:100%をきかせる