Adding a background to text entered via Define Pages Editor

[Edessa]

First of all, I’m really sorry if I’ve placed this is the wrong place.

Ok.. I'm not really sure how I can explain this properly, so please tell me if you would like me to explain it in a different manner.

I guess what I want to be able to do is add a background to the data entered through the define pages editor. For example, I want the main page to first show a swf banner (which I've already done). This already has a red border with a curved background. Then I have the welcome message, which I want to add a background to (a rectangle with curved edges)

I think it may be possible to use div's. Since I may choose to change the length of the content, I want the size of the background to change. I thought I could split the image up into three parts. The first would have the top part of the image with the top two curved corners, the next div will be placed below with a background on repeat, and the last will have an image with the bottom two corners.

It’s rather long winded and tedious, but I was curious if someone could explain how exactly I would go about coding this.

I’ve tried:

In the define pages editor:
<div class="MainText">text</div>

and in the css styleshet I have:
.divMainText { background-color: transparent;background-image: url("../images/Main/Text.gif");background-repeat:repeat-x; }

And:

In the define pages editor:
<div id =”MainText”> </div>

And then in the css I have
#Main Text {
Background-colour: transparent
Background-image: url(.../images/Main/Text.gif)
Background-repeat: repeat-x
}

But both don’t seem to work

Any help would be appreciated.