Вы можете использовать отдельный div и делать некоторые трюки, используя отступы и поля.
В скрипте синий div - это "средний" div, а красный div - это контентный div.Они по-прежнему имеют ту же сторону и положение.Зеленый div - это трюк, и он понижен на 170px.Теперь, когда вы даете зеленому div-фону вместо mMid, фон должен быть уменьшен на 170px по отношению к div-контенту.
#mMid {
width:1001px;
border: 1px solid blue;
padding-top: 170px;
}
#mTrick {
border: 1px solid green;
background:url(/images/mMid.png) top left repeat-y;
}
#mBot {
background:url(/images/mBot.png) bottom left no-repeat;
/* width: 1001px; not needed. It will borrow the size from it's parent */
border: 1px solid red;
margin-top: -170px;
}
<div id="mMid">
<div id="mTrick">
<div id="mBot">
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
</div>
</div>
</div>
Или просмотреть jsFiddle