CSS - gap in footer

Question

gap in between browser window and footer

 #footer
 {
 text-align:center;
clear:both;
background: url("images/footer.png") repeat-x #8DC63F;
width:100%;
margin:0;
}


.footer-text 
{
padding: 10px 0 0;
white-space:nowrap;
font-family:'Tahoma';
font-size:10pt;
color: #000000;
}

HTML:

<div id="footer">
<p class="footer-text">Home | Services | About Us | Products | Contact Us</p> 
<p class="footer-text">2011 &copy; All Rights Reserved.</p>
<p class="footer-text">&nbsp;</p>
</div>

Help me to remove the extra space between browser window and footer

Answer 1

Try using overflow:hidden in #footer.

Also, It would be great if you give us a URL that shows the gap. The problem is that sometimes CSS rules can affect multiple elements, so it's hard to tell what's going on exactly without the entire code.

Hope that helps.