I have a layout design that I made in photoshop. I'm having trouble figuring out how to slice it correctly. The content of the site is going to be restricted to the width of the rectangle in the center at 960px. I want to make sure that the page can expand when the content exceeds the height of the actual design layout. I also want to make sure that the shadows are kept. I turned off some of the layers in this image because all the text and images will be added with the html and css. It's just the basic background stuff that is confusing me.
I originally though of slicing a thin strip from the center of the rectangle horizontally to get the background for the content, but if you notice, the top and bottom of the rectangle overlaps into the header and footer.
How would I slice it to be able to keep it optimized and keep it looking like this image on the site, while allowing the content area to grow as needed?
Thanks in advance for any help you may have.