i've got a page i'm restyling. its got a central div (width 1150px) that sits within the body element. the body element has the usual "text align: center" rule so it remains in the center of the page as you enlarge / shrink the browser window. (well, unless you shrink the page less than 1150px, in which case it stays butted up to the left side).
if u're not sure of this behaviour see the site i'm restyling. note how the white bit moves as you alter the size of the browser window. well all i want is to have a faded gradient on the OUTSIDE of this central div (but for the way the central div moves - as you change the size of the browser window - to remain exactly the same)
the way i want the site to eventually look is as follows
i've tried adding an extra div (around the centre one) with enough padding so i can see the faded gradients. but this just stops the center div moving at all. i'm stumped