Gap in Footer

HTML & CSS
1

Hi Guys,

If someone could have a quick look at my footer i would greatly appreciate it:

There is a gap at the bottom about 4px in height, that I’m trying to remove. Any ideas?

Thanks:),

Paul

2

Your background image is 218px tall, but you have set the footer height at 225px, hence the white gap at the bottom. Just adjust the footer height to 218px.

#footer {
  background-image: url("http://www.sitepoint.com/forums/images/gradient-footer.gif");
  background-repeat: repeat-x;
  float: left;
  [COLOR="Red"]height: 218px;[/COLOR]
  margin-bottom: 0;
  margin-top: 25px;
  width: 100%;
}
3

Thanks Ralph.m

Paul