4 картинки к одному элементу

[Temiks]

Добрый день. Можете помочь в такой веще:

как сделать четыре изображения к одному элементу, чтоб первое изображение было вверху слева и повторялось по оси "y" , второе вверху справа и повторялось также по оси "y" , третье внизу слева и повторялось по оси "x", и четвертое внизу справа которое повторялось также по оси "x"?

пробивал делать по примерам, где две картинки к одному элементу, не получилось

Скрин того что должно получиться:

http://imm.io/2K5B

Заранее спасибо

Приблизительный код в html

	  <div>
		  <div class="PIC1" >
			  <div class="PIC2" >
				  <div class="PIC3" >
					  <div class="PIC4" >

					  </div>
				  </div>
			  </div>
		  </div>
	  </div>

Edited December 26, 2010 by Temiks

[Temiks]

так же возможно и так ?

	  <div>
		  <div class="PIC1" >
			   <img src="../pic1.png" alt="">
			  <div class="PIC2" >
				   <img src="../pic2.png" alt="">
				  <div class="PIC3" >
					 <img src="../pic3.png" alt="">
					  <div class="PIC4" >
						  <img src="../pic4.png" alt="">
					  </div>
				  </div>
			  </div>
		  </div>
	  </div>

[ShumNo]

Нее не так. Если картинки это часть дизайна, то прилепите их непосредственно к DIV как фон типа

.pic1 {background-image: url('images/bg1.jpg');}
.pic2 {background-image: url('images/bg2.jpg');}
.pic3 {background-image: url('images/bg3.jpg');}
.pic4 {background-image: url('images/bg4.jpg');}

	  
<div>
   <div class="PIC1" >
	  <div class="PIC2" >
		 <div class="PIC3" >
			<div class="PIC4" >
			</div>
		 </div>
	  </div>
   </div>
</div>

[Temiks]

ShumNo Спасибо , попробую