css как объединить элименты на странице в один блок
 

есть несколько картинок четное количество например 10на10 рх каждая, как их объединить в один блок, чтоб потом этот блок разместить на странице там где хочеш?
<div id="1"><img src="1.jpg"border="0"></div>
<div id="2"><img src="2.jpg"border="0"></div>
<div id="3"><img src="3.jpg"border="0"></div>
<div id="4"><img src="4.jpg"border="0"></div>
стили
#1{position:absolute;left:50%;top:30%;}
#2{position:absolute;left:35%;top:50%;}
#3{position:absolute;left:50%;top:50%;}
#4{position:absolute;left:62%;top:24%;}
вот решил так но не то
<div id="0">
<div id="1"><img src="1.jpg"border="0"></div>
<div id="2"><img src="2.jpg"border="0"></div>
<div id="3"><img src="3.jpg"border="0"></div>
<div id="4"><img src="4.jpg"border="0"></div>
</div>

стили
#0{width:200px;height:300px;}
#1{position:absolute;left:50%;top:30%;}
#2{position:absolute;left:35%;top:50%;}
#3{position:absolute;left:50%;top:50%;}
#4{position:absolute;left:62%;top:24%;}

position: relative

Спасибо Busla #0{position:relative;left:10%;top:10%;width:1000px;height:700px;} вот так получилось, что надо, только не сразу понял, что с этим делать )