body{
background-image: url(이미지경로);
background-repeat: repeat-y;
background-position: 0px 500px;
}
와 같은 형태로 정의하시면 되지 않나요?

repeat-y 시킨다면 너비가 고정일듯 하군요.
상,하부는 잘라서 별도 영역에 깔고 패턴이 일정한 가변영역만 세로반복 시키면 될듯하군요.
 - 첨부한 그림에는 가변영역에도 일정한 패턴이 없어보는데 저러면 연결이 부자연스러울텐데요... 그게 문제군요.

.box{position:relative;width:400px;height:auto;background-color:#fff;margin:0;padding:0;}
.box .tg{background:url(/img/bg_t.gif) no-repeat;width:400px;height:500px;margin:0;padding:0;}
.box .mg{background:url(/img/bg_m.gif) repeat-y;width:400px;height:auto;margin:0;padding:0;}
.box .bg{background:url(/img/bg_b.gif) no-repeat;width:400px;height:100px;margin:0;padding:0;}

<div class="box">
  <div class="tg">상단 고정영역</div>
  <div class="mg">세로 가변영역 repeat-y</div>
  <div class="bg">하단 고정영역</div>
</div>