Getting div to occupy full cell height

Question

How do I get divs within table cells to occupy the full height of the cell?

Setting div height=100% won\'t work unless the table cell has a fixed height on it, but

Answer 1

Try this:

table { height: 100%; }

td
{
    padding:0px;
    vertical-align:top;
    height:100%;
}

.box
{
    margin:0px;
    border:solid 2px red;
    height:100%;
}

Working Sample (tested on FF4)