Trying to use 3 images to make the header

[PJSkiboy]

What I am trying to accomplish is to use a banner I've created, keep it centered on my forums (dynamic, not fixed width) and have a stripe that extends off both sides.

My thought was to make three images to do this. A left-hand side image that is only 1 pixel wide, the banner image itself, and then another 1 pixel wide image on the right-hand side. I do not know if this is the best way to accomplish what I'm wanting or not, but that's just my initial thought.

I've been playing around with HTML and CSS trying to get those outside images to repeat, but I have had no success. I can get all three images to appear in my header with the banner staying centered just fine, but I haven't been able to get those outside images to repeat no matter what I've tried.

I have honestly (and I'm sure someone is going to call me a liar, lol) searched page after page of posts searching under "header", "banner", "repeat", etc... and I haven't found anything that has helped me to this point. This really seems like a redundant post given so many that are similar to my request, but nothing I have found thus far has helped my situation.

Thanks in advance for anyone that can point me in the right direction.

Thanks.

-----------------------

p.s. - I know you can use the following css code to make a gradient repeat for a background image, but how or where would I put something like this just to get it to work in the header?

p {
background-image: url(http://www.example.com/gradient.gif);
background-repeat: repeat-x;
}

--------------- Added [DATE]1235350857[/DATE] at [TIME]1235350857[/TIME] ---------------

Nevermind, buddy of mine got it figured out.

So he fixed it by going to the CSS Body area under All Style Options for the style I was trying to get this to work with. And under the Standard CSS Attributes, the first field is Background. Typically you just have the background color hex code there, but after that he put a space then put in the url for the image url(yourimage.gif) repeat-x and it worked like a charm.

This way you only use the one image as it repeats all the way across the page, then the background image, or banner, just sits on top of the repeating image. Uses only two images instead of three.

Just thought I'd go ahead and put the solution to my question in here in case someone else was trying the same thing and needed a pointer.