[SOLVED] Strange IE Problem: Background Image Repeats Too Far Down

[Fluoresce]

I've got this very simple layout:

 

<div id="container">

<div id="top"></div>
<div id="middle"></div>
<div id="bottom"></div>

</div>

 

As you can see, it's basically 3 divs (called Top, Middle and Bottom) enclosed within a parent div (called Container).

 

I have added background images to these divs to produce a box.  A non-repeating background image for Top produces the top of the box, a non-repeating background image for Bottom produces the bottom of the box, and a thin, horizontal image vertically repeated down Container produces the side borders of the box.

 

The problem is, this vertically repeated thin image also appears below the Bottom div in Internet Explorer.  Anyone know how I can fix this?

 

Here, take a look:

 

Miracle Of Pregnancy

 

Scroll all the way to the bottom with Internet Explorer and you'll see the image.

[saltedm8]

looks like its the bottom of the container

 

try talking the footer out of the container and placing it under the container instead

[sticks464]

Removing this line makes it go away.

<img src="http://b3774mhdj4yo3y9et5taqg1z5s.hop.clickbank.net/?tid=9490" alt="" width="1px" height="1px" />

I don't see this 1px by 1px serving any purpose but it follows the footer image and makes the container extend.

 

You would be better off by re-thinking your layout a bit and applying the container.gif background to the main div instead of the container div.

 

 

[Fluoresce]

Removing this line makes it go away.

<img src="http://b3774mhdj4yo3y9et5taqg1z5s.hop.clickbank.net/?tid=9490" alt="" width="1px" height="1px" />

I don't see this 1px by 1px serving any purpose but it follows the footer image and makes the container extend.

 

You would be better off by re-thinking your layout a bit and applying the container.gif background to the main div instead of the container div.

 

Thanks, Sticks464!

 

It was that bit of code. This issue is now solved.

 

Note that the bit of code that you pointed out is for dropping a cookie.

 

I tried vertically repeating the background image down the Main div first, but it gave me margin collapse problems.

 

Thanks again.