Image repeat?


I have a background image that is designed for 240 pixels. The left and right ends are curvy but the middle part is the same.

I would like to make it expand with the browser page size. Hwever, the image does not resize. Is there a way to make it so? In particular, I was wondering if breaking the image into three parts, and setting the middle to be repeatable across x would work. Is this possible and if so how?


Breaking the image up would probably be best :). just have 3 elements (nested or absolutely positioned) and set the image on each respectively :).
<1> can contain the repeated middle. <2> the left, and <3> the right image.