How to have html table's height = height of parent div when div's height is not set

Question

I have an html table, inside of a div. The div's height is based on other elements in the div.

How can I have the table's height be equal to its parent div's height?

(table height: 100% won't work because the div's height is not set)

Update: I need to support IE6,7,8 so the css recommendations should be understood by these browsers.

Answer 1

Nearly impossible, because the renderer cannot know how much 100% should be.

A really dirty workaround: Add display:table to the div and display:table-row-group to the table. Don’t expect too much … :)