On a customer website, I have to add a background image for only a contained region of the page (its real content part).
The problem is, if the content is short enough, then the image will be clipped. How would be possible to have the image completely visible? I have tried to add the “overflow” CSS attribute but unfortunately it did not help me.
Here is an example of the website I have to work on: http://www.sfp-pensioen.nl/werknemer/welkom The background image is on the div element with id=”content”.
On the specific link that I am sending it is not an issue because the content is long enough, but if you remove elements using firebug then the problem will become obvious.
ps: IE6 must be supported.
Following on from Graham’s answer:
“height” in ie6 acts like “min-height” across other browsers.
The example above will provide a cross browser minimum height of 50px. ie6 will read “_height” where other browsers will not. If you don’t hacks, use a conditional statement.
Rich