The way I do this is splitting the box into divs.
First div is static size and contains an image of the top ,with rounded corners.
Center div has static width and no size set, and background:repeat:repeat-y; property.
Bottom div is static as well.
Just think about what you want the site to "stretch" out when slicing up the image.
Did that make sense to you?