how to expand content for a TD to cover 100% of its height (IE)

Question

I have a table with one TR and two TDs, one of the TDs has more content (i mean with content: other sub tables) than the other one, this results the following:

the TD with the little content stay shrinked (its content stay as is, not expanded) and this happens in case of IE only, firefox and google chrome are fine, both of FF and chrome do expand the smaller TD content to fill 100% of that TD's height, my question is how to expand the content of the smaller TD to fill 100% of its height ?

p.s. I tried height: 100%; on the smaller TD but didn't work ...and this is a dynamic code, means that both TDs are changable with their content according to some criteria ...

look at both screenshots:

thanks so much in advance!

Answer 1

Put a <div> inside the TD cell where you specify the exact height you want it to be.