Css background issue

programming web dev
1

Hey All,

I am working on this website: http://dreamsmartkids.com/index2.html

The problem is that the footer background at the bottom is not lining up correctly. Is there any way to fix this?

THE PROBLEM IS ONLY IN SAFARI BROWSER

Here is my code:

body {
    background: #e5cd6f url(footer_bg.jpg) repeat-x;
    background-attachment: scroll;
    background-position: bottom;
    width: 100%;
}
.headwrap {
    background: url(bg.jpg) repeat-x center top;
    float: left;
    width: 100%;
}