Seems like you need to create 2 divs or tables wrapping around your containers. Here is what I would do:

<div id="bg1">

    <div id="bg2">

          <your container code goes here>

    </div>

</div>

Setting the CSS:

#bg1 {background: url(images/bg1.gif) repeat-x;}  /* repeat x or y depends on your image */

#bg2 {background: url(images/bg2.gif) no-repeat;} /* set your background position for the image to make it appear center as you wish */

Hope this helps!

Cuong Dang
Co-founder: Enliven, dnnGallery
LinkedIn | Twitter
I'm the author of DNN and Web Standards Wrox Blox

Well still no luck with this container. I have tried putting those Div tags in all places on the container and I cant get it to work. Here is an image of what the end product should look like, As you can see on the top bar I have 2 images, one is the snowman, the other is a bar that is repeatable. Then we have a stary background that repeats as needed. Then on top of that we have a Xmas tree, this is supposed to be in the center of the container and not repeat. Then the text will be placed on top of this. This is to be used on the Text/HTML Module. The Blue Drawn on borders are to show you 2 seperate images.

I am trying to modify the DNN-Blue container to accomplish this with. Can anyone provide any help at all?