There is a small gap between my background images and footer of about 1px however I am not sure why, can anyone help? The website is http://www.cherrietestingwebsite.com Thank you.

In what browsers?

 

All I'm seeing in Firefox is this:

 

#footer {
 border-top: 1px solid #FFCC66;
}

In google chrome I am seeing a bit of the black background between the footer and background image.

In all of them, on the about us, testimonials page etc, the background shows between the footer and background image

Follow the 3-step plan for browser bugs:

 

1. Validate your markup
   
2. Use a CSS reset
   
3. Ask for help