I've got a problem and I'm not sure how to solve it. The site is a basic 2 column design. the left column is red and contains the navigation. To ensure this bar always reaches the bottom of the browser window I had set the page background to an image with the coloured column. Tested and it worked fine. However the client wants some particularly large photos displaying in the right column. These images are mostly wider than the content in the right column and in their design they want these images to hang over the edge. It looks lovely but because of the width of these images I am getting horizontal scroll bars appearing on smaller screens which I'd like to avoid. Normally I would just set these to the background image to avoid this but because they would like the red column to stretch all the way down I'm not sure what to do. Is there a way for me to tell the browser to ignore the width of the div containing the images?
This is probably too late, but I'll comment anyways give the image a certain percentage width that way depending on the size of your window it will expand accordingly.