Webkit css box issue

I have a css3 boxflex layout in webkit, but for some reason,开发者_开发问答 #main (the purple one) isn't filling 100% of the screen like the css is telling it to: http://jsfiddle.net/qxxZv/ How do I get it to fill the whole height available? This is just a basic layout with header, middle area with sidebar/content, and a footer.

Hey, you need your html and body tag to have a height of 100%:

html,body {margin:0;padding:0; height: 100%;}

jsFiddle example here: http://jsfiddle.net/jackrugile/63bg2/