Three column layout: fixed width center with fluid side columns

Question

I\'m trying to implement a design in CSS that will have a tiled background on the body. I want to use a png image in the content background as an oval-shaped opacity mask o

Answer 1

I've worked a solution using absolute positioning. I appreciate any comments.

http://jsfiddle.net/tupCS/12/

I tried working with floats and negative margins, but the backgrounds overlapped, which would not work since I am needing this for background masks and the overlap would cause bleeding between the masks.

My solution also separates the background columns into their own div. I can then hide overflow for this div while not hiding it for the content. This allows scroll bars to appear only when the window is smaller than the content.