Repeating -TWO- images horizontally

[EDGE]

So, is there any way to repeat two images horizontally in css? I can't figure it out. I can repeat the one image, but cannot get the second to repeat and don't know if it can even be done.

body {
	background-image: url("images/bg_repeat.gif");
	background-repeat: repeat-x;
}

That is the code I am using to repeat the first image. How could I go about repeating the second image?

see image below:

[Bustin]

There has to be an open line somewhere preventing it. That's how I'd lay the code out, and I opened up a forum layout that I know has repeating cell bg's and that's what it shows.

[EDGE]

ok, well I went back and was browsing around and figured I would try this:

body {
	background-image: url("images/bg_repeat.gif");
	background-repeat: repeat-x;
}
#bg_wrap {
	height: 100%;
	width: 100%;
	background: url(images/bg_repeat2.gif) repeat-x;
	background-position: bottom;
}
.container {
	width: 100%;
	background: #e5e5e5;
	margin: 0 auto;
	overflow: hidden;
}

and then sticking

<div id="bg_wrap"></div>
	<div class="container">
		<img src="images/bg_repeat2.gif" alt="" />
	</div>

in where it's supposed to repeat the second image.


Didn't exactly have the best luck with it. It is repeating, but for some reason, I can't get it to repeat all the way across. It repeats under the other image that it's supposed to be repeating behind. see screenshot