Positioning my CSS declarations properly in PHP

Trying to get my content to seamlessly start at the top of the rColtop image, then stretch the rCol image, then at the end put rColbottom. Currently my content is only filling the rCol as I have designiagted it as such because of ignorance. Thanks for any help.

My CSS:
Code:

.rColtop {background-image:url(images/dividertop.png);margin: 0px 0px 0px 0px;width:342px;height:30px;float: left;background-repeat:repeat-y;z-index:999999}
.rCol{ color: #333;height: auto;width: 310px;float: left;position: relative;background:#f6f6f6;background-image:url(images/dividerbg.gif);background-repeat:repeat-y;padding:10px));}
.rColbottom {background-image:url(images/dividerbottom.png);margin: 0px 0px 0px 0px;width:344px;height:75px;float: left;background-repeat:repeat-y;}

My PHP:
php Code:



{SETSTYLE}
{MENU=1}






Positioning my CSS declarations properly in PHP
***

Grimmfang

***