Table Height IE Bug

HTML & CSS
1

Hello,

I’ve been struggling with IE and trying to get a real simple table working. The CSS I have works fine in firefox and chrome but is not working in IE.

You can view an example of the problem by opening this URL in IE:
http://jsfiddle.net/3jeUa/

My goal is to have the inner table expand to the full height of the outer table.

Any advice would be greatly appreciated.

2

Why are you using nested tables in the first place? Even in those extremely rare situations where nesting one table inside another makes sense the size of the inner table will always be irrelevant.

That you are worried about the height indicates that you shouldn’t be using a table in the first place and should be setting up the desired layout using CSS instead.

3

[FONT=Verdana]Not an IE bug. height:100% doesn’t work that way.

See the following FAQ post for an explanation about 100% height: