why don't you just do it like this?
HTML Code:
<div class="box-wrapper">
<img src="images/box_top.jpg" alt="" />
<div class="box-middle">
you shall put in here any words you may wish to send.....
</div>
<img src="images/box_bottom.jpg" alt="" />
</div>
the image "box_top.jpg":
the image "box_bottom.jpg":
and in the css you would put this:
HTML Code:
div.box-wrapper{
width: 544px;
}
div.box-middle{
background-image: url(images/box_middle.jpg);
background-repeat: repeat-y;
padding: 3px 10px; /* first value is for top/bottom, the second for left/right */
color: white;
}
the image "box_middle.jpg":
I hope this works...