Image repeat?

HTML & CSS
1

Hello,

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?

Thanks!

2

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.


<1>
<2>
<3>
Content
</3>
</2>
</1>