Table not sitting at 100% height within DIV tags

Question

I have setup a table within a DIV tag at the following link:

http://jsfiddle.net/yVDXQ/122/

html {
height: 100%;
}

.container {
background: yellow;
min-height: 100%;
width: 50%;
margin: 0 auto;
}

i was wondering if i can get my table to inherit the 100% height from the DIV it sits within?

Would be greatful for some assistance.

Answer 1

Just apply a height: 100% to the container div, check out your updated jsfiddle http://jsfiddle.net/msbodetti/yVDXQ/125/

Div CSS:

.container {
    background: yellow;
    min-height: 100%;
    height: 100%;
    width: 50%;
    margin: 0 auto;
}

Answer 2

Add height:100% to .container and it will stretch it.

JSFiddle Demo