<html>
<body>
<div id="content">
content
</div>
<div id="footer">
footer
</div>
</body>
</html>
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
}
#content {
position: relative;
min-height: 100%;
}
* html #content {
height: 100%;
}
#footer {
position: relative;
margin-top: -2.5em;
height: 2.5em;
}