I have 2 wrappers, one inside the other. The first wrapper contains a tile which scrolls down. Wrapper 2 has an image 940 X295px. Works beautifully in IE5 & IE8, but in IE6 & IE7 the footer jumps up to wrapper2 and the text extends down, underneath and below.
With a few pointers in the right direction it finally worked. I changed the height of wrapper2 and made it: min:height: 295px; background repeat: no repeat;
Worked beautifully. Thankyou Jude for steering me in the right direction.
Did you try removing the height on #wrapper2 and setting its background-repeat to no-repeat? Quickly doing this in IE developer tools has it working for me in both IE8 and IE7.
I'm sorry but it didn't work. When I removed the height the background image in wrapper 2 disappeared.