# Repeating Background not working IE7

**URL:** <https://forum.kirupa.com/t/repeating-background-not-working-ie7/318226>\
**Category:** web dev\
**Created:** [January 13, 2011, 8:25pm UTC](https://forum.kirupa.com/t/repeating-background-not-working-ie7/318226 "2011-01-13T20:25:07Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![MeisterVeda](https://avatars.discourse-cdn.com/v4/letter/m/43a26b/32.png) [@MeisterVeda](https://forum.kirupa.com/u/MeisterVeda)\
**Post date:** [January 13, 2011, 8:25pm UTC](https://forum.kirupa.com/t/repeating-background-not-working-ie7/318226/1 "2011-01-13T20:25:07Z")

</div>

Repeating y-axis background not properly functioning in IE7.

Images:  
Functional version:[Click Here](http://img703.imageshack.us/i/properlayout.jpg/)

Non-functioning version from IE7: [Click Here](http://img228.imageshack.us/i/ie7fail.jpg/)

```auto

<div id="BodyWrap">
   <div id="Header">
      *Header Content*
   </div>
   <div id="ContentWrap">
       <div id="Content">
       *Lorem Ipsum*
       </div>
   </div>
</div>
<div id="Footer">
</div>

```

```auto

CSS Styles
#BodyWrap
{
  background: url("/ContentBackground.png") repeat-y scroll center top transparent;
  color: #332921;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
width: 1000px;
}
#ContentWrap
{
  clear: both;
  height: 100%;
  width: 1000px;
}
#Content
{
  float: left;
  margin: 35px 30px 0;
  width: 865px;
}

```

In the IE7 specific style sheet the footer’s display attribute is set to none to show exactly what the background image is doing. Otherwise the top of the footer would sit where the drop shadow area ends.