Table with 100% height row and Internet Explorer 9

Question

I have the following example:

Answer 1

Maybe this code help you...

I test it at jsfiddle: http://jsfiddle.net/mHTTM/5/

In IE, if you wearing 100 percent in child tag, width/height will be the same as the top parent tag's width/height. Not the parent tag. So you just need to change child tags from percent to pixel.

    
Text with an unknown height (22px here)


    

        Remaining space (150px with IE9, 122px with others)