Strange Background Repeat.

Hi,

I have a div box which has different colors to its sides, it has red color to the left and black to the right.

Take a look at this image:
http://www.mzeb.com/repeat.png

What I want is, I want a repeat background image which will repeat red line to the left, and grey to the right.

I've tried a background like:
______________________

and used :

background: url(images/bg.png) repeat;


But it doesn't work!

Thanks in advance for the help

I don't understand. Which exactly is the background, where and on which direction should be repeated?

both direction should be repeated

on which axis? X I presume. But where is that image? Where should it be repeated? It could be of some help if you would detail a little but your aim.

About repeated backgrounds:
http://www.codertools.com/css_help_guide/css_background-repeat.aspx

I dont think that image you showed us is a repeating image. I say this because it has more than one color with definate beginnings and endings.

Think about it. If you have a black line and tell it to repeat on the X axis, then it will repeat that SAME black line as far left and right as the container is in will allow it.

But a background image with 4 distinct colors all ending at a specified place on the page is not a repeating image.

Forget about the image, I just needed an idea, on how to repeat a background which is different colors to its sides. I just need the code

background: url(images/bg.png) repeat-x;

I just gave you the idea. Create the image with the different colors you need and make it the height and width you need.