3 rows full height layout

by zoho

HTML

<div id="header">header</div>
<div id="content">
<p>text</p><p>text</p><p>text</p><p>text</p><p>text</p>
</div>
<div id="footer">footer</div>

CSS

html, body{
    overflow: hidden;
    height:100%;
    margin:0;
    padding:0;
}
html{
    _padding: 110px 0 60px 0;
}
body {
    position: relative;
}
#header{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 110px;
    background:#999;
}
#content{
    position:absolute;
    top:110px;
    right:0;
    bottom: 60px;
    left:0;
    overflow:auto;
    width:100%;
    _height:100%;
    background: #666;
}
#footer{
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 60px;
    background:#999;
}
p {
    font-size: 5em;
}