white space below footer and above on re sizing window

Question

I am getting white space above and below my footer ,there is a gap coming please check css is below

.footer {
background-image: url("../images/footer_image.png");
background-repeat: no-repeat;
background-size: 100% auto;
float: left;
height: auto;
width: 100%;
        }

.footer_bg {
background-image: url("../images/footer_bg.png");
background-repeat: no-repeat;
background-size: 101% auto;
height: 232px;
margin-top: 12.1%;
width: 100%;
}

Answer 1

There is a margin of 8px on the body of the page.

I see in the my style.txt you have added

!important .body
{ margin:0 !important; 
 padding:0 !important; 
}

This needs to be:

body
{ 
margin:0 !important; 
padding:0 !important; 
}

Answer 2

I saw a body margin of 8px in your site. Add this or remove existing.

body{
margin:0;
padding:0;
}

Error