Image Banner Using Only CSS 3 Parts

[robin9000]

Here is what I want to do:

I want 3.jpg to be in the far background of the banner.
I want 2.jpg and 1.jpg to be in the foreground of the bannner.
I want 1.jpg to be to the left and 2.jpg to be to the right.

For anyone who has ever been wondering if it is even possible, I am glad to say yes.

Solution:
#A1000{
background-image:url(../banner/3.jpg);
background-repeat:repeat-x;
height:120px;
margin:0px;
padding:0px;
}

#A1001{
background-image:url(../banner/1.jpg);
background-repeat:no-repeat;
height:120px;
width:310px;
float:left;
margin:0px;}

#A1002{
background-image:url(../banner/2.jpg);
background-repeat:no-repeat;
height:120px;
width:300px;
float:right;
margin:0px;
padding:0px;
}

[Snookerman]

Please post the html code as well or a link to the page.

[robin9000]

won't help much because nothing wants to display on the page but here is the link
http://www.robinsden.110mb.com/testpage.html

and below here is how I would like to have it look:

http://www.robinsden.110mb.com/menuscripts/mainpage.shtml