> The table consists of two rows, the height of the main-table is
> 100% and the height of top-row is 152px, the height of other row
> (the content-area) must be the height of the rest of the screen. So
> I used 100% to do that.
100% + 152px > 100%
You gave the table a height of 100% the second row shall be as high as
the parent (100%). The first row has a height of 152px, so that the
contents of the table will be larger than the table itself. IE expands
the table to a full height of viewport + 152px.
IE computes the 100% of #submenu relative to the next parent element
with an explicit height, which is the outer table.
Firefox uses the height of the parent element, which results in the
effect that you desired.
Get rid of all unnecessary layout tables!
If you still want to use a layout table at all, give it min-height:
100% (for Firefox & Co) and height 100% only for IE. You don't need to
assign a height to the second row of the layout table, because it will
use the available space anyway.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/