background: url(../images/bg.gif) center center repeat;
Which is a little box that repeats to cover the whole wrapper size.
To this I want to add another image in the middle of the wrapper that will
not repeat since it's pretty big to cover half the size of the wrapper.
I tried doing:
background: url(../images/bg.gif) center center repeat, url(../images/middle_bg.png) center center no-repeat;
but don't see anything but the first image (bg.gif).
I need the bg.gif to be the main background image and middle_bg.png to be on top of the bg.gif but only in the middle, and maybe stretch it a bit to make middle_bg.png longer (horizontaly)
Thanks in advance !!!!