# Css background issue

**URL:** <https://forum.kirupa.com/t/css-background-issue/304241>\
**Category:** web dev\
**Created:** [February 4, 2010, 5:14am UTC](https://forum.kirupa.com/t/css-background-issue/304241 "2010-02-04T05:14:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![drummer392](https://avatars.discourse-cdn.com/v4/letter/d/45deac/32.png) [@drummer392](https://forum.kirupa.com/u/drummer392)\
**Post date:** [February 4, 2010, 5:14am UTC](https://forum.kirupa.com/t/css-background-issue/304241/1 "2010-02-04T05:14:14Z")

</div>

Hey All,

I am working on this website: [http://dreamsmartkids.com/index2.html](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:

```auto
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%;
}

```