U can have as many bg images as u want in same div
here is example
It uses 3 images: left soldier, right soldier, and background image that has repeat-x.
This is the code:
body {
font-size:62.5%;
font-family:"Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
background-image: url(images/bg_left.jpg), url(images/bg_right.jpg), url(images/bg_repeat.jpg);
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: top left, top right, top left;
background-color:#000;
color:#fff;
text-align:center;
margin:0;
padding:0;
}
Note: browser renders images from the last (so repeat-x image goes at the end to render first or else it would cover other images)