How do I get image to expand with text instead of repeat

[ScottDB]

Hi all I am trying to get the middle section of my main page to expand with the text that I put in from the admin. It is a background image that is being used for that area. I have added a bottom and a top to it and have lined the top one up but not sure of the bottom one since I cant get the middle section to expand and not repeat. You can see the site HERE. It is just a test site. Here is the code that I am trying to get to work, The index default is the one that is the middle section that I am trying to get to expand with the text. Is it possible to do this with just editing the css? If you look at the site you will see an angle parchment paper that is put in with ablsolute positioning and is not part of what I am trying to do here.

#indexDefault {
 background-image: url("../images/parchmentmid.png") no-repeat 0 0; 
 }
 
#topscroll {
    background: url("../images/parchmenttop.png") no-repeat scroll -8px 0;
    height: 125px;
    margin-top: -10px;
    }
        
#bottomescroll {
    background: url("../images/parchmentbtm.png") no-repeat scroll 20px 0;
    height: 155px;
    margin-bottom: 0px;
    }

[abduraooft]

Check http://www.cssplay.co.uk/layouts/background.html