height:100% not working in Internet Explorer

Question

I have a question about the CSS property height:100% in Internet Explorer.

height:100% does not work in IE, but it does in Firefox and Chro

Answer 1

In IE, in order for an element to have height:100%;, all parent elements must have height:100%;. Any break in the "chain" will cause IE to ignore everything.

It should work if your css includes the following:

html,body { height:100%; } 
#wrapper { height:100%; }
.section { height:100%; }

I've opened your page in IE and applied these changes using the developers tools and can verify that it works.