Div with top (norepeat) middle(repeat) and bottom(norepeat)

I have top picture which is exaclty of 570px height, and it has some gradient in it so it is not repeatable.
I have middle (or center) picture which is 1 px height and same width as top and bottom (912px) and I need to repeat it over y line.
I have bottom picture which is 7px height and of 912px width.

It now has as you see, a repeater div which is 230px from top, a normal news div with gradient image and its set to -10px margin to move from the repeating div, and the bottom one is there excluded from repeater div but after it.

The thing is, that div in middle is not repeating at all. Assistance needed!! :) Thanks!