In order to use a percentage for Height, the containing block/element must have a specific height.
<div id="wrapper" style="height:600px;">
<div id="header" style="height:20%;"></div>
<div id="content" style="height:60%;"></div>
<div id="footer" style="height:20%;"></div>
</div>