I guess this is meant by CSS2.1:17.5.3: CSS 2.1 does not define how extra
space is distributed when the 'height' property causes the table to be
taller than it otherwise would be.
That appears to be the explanation.
So, obviously, the fix is to set the height of the individual elements
so
The code shown below sets up a 2-row table 300 px high. The top row
should be 80 px high and the remaining 220 px of height should be
allocated to the bottom row.. It works exactly as expected in
Firefox. However, in IE, the top row is much taller than the bottom
row. It almost looks like the