i am using the following html and css to display the content of the footer...

<div id="footer">
<div id="dv1"></div>
<div id="dv2"></div>
</div>

#dv1
{
background-color:#F5F6CE;
font-size:20px;
height:150px;
overflow:hidden;
}
#dv2
{
background-color: #81F7F3;
font-size:20px;
height:75px;
overflow:hidden;
}

while increasing the font size of the div (#dv1,#dv2) content, the footer becomes empty...
how to make the div content into view...

1. contentunavailable.pdf‎ 15.9 kB ‎
   font size:25px, content unavailable
2. ftrhgt.html‎ 4.1 kB ‎
   This is the source page
3. ftrhgt.pdf‎ 16.5 kB ‎
   font size:20px, content available

Edited 31 Oct 2014 by vicky

It has a fixed height with overflow: hidden, I would suggest playing around with that to understand how the layout works.