I have a div with a background image that I want to act as an overlay on the rest of the background. If content overflows enough, I want the rest of the (large) image to be visible when you scroll.
I can accomplish this by absolute positioning and setting the height/width to the images dimensions, but then it causes the body tag to overflow.
If I set it to be fixed position, then it gets clipped properly, but when I do scroll the position is... fixed.
You might try max-width and max-height instead of fixed width and height. Than the div will not cause the body to overflow.