CodingForums.com - Multiple Images on 1 Div

CodingForums.com (http://www.codingforums.com/index.php)

- HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)

- - Multiple Images on 1 Div (http://www.codingforums.com/showthread.php?t=272785)

Multiple Images on 1 Div

Hey guys,
So, im trying to get something working.
I need a div that has 3 background images.
A left with no repeat
A right with no repeat
And a center that repeats.

I have everything showing up.
But is there any way to make the left and right images to display over top of the one that is centered and repeating ?

The reason im doing this is because the div needs rounded corners, but also has a gradient and 2 or 3 strokes on it. So instead of doing all that with css, i just wanted to use images.

Here is my CSS

Code:

 background: url(../images/1.png) center repeat-x, url(../images/2.png) left no-repeat, url(../images/3.png) right no-repeat;

Thanks for all the help in advance
Cheers

Maybe changing the order of the backgrounds images?

I think the first background image you define, should come out on top.

Quote:

Originally Posted by Sammy12 (Post 1268758)

Maybe changing the order of the backgrounds images?

I think the first background image you define, should come out on top.

Worked like a charm
Thanks so much !