Нужен совет

 
HTML
<div id="big_img">
<div id="1_img"></div>
<div id="2_img"></div>
<div id="3_img"></div>
<div id="4_img"></div>
</div>
 
CSS
#big_img {
    position: relative; /* Относительное позиционирование */
    background: url(images/big_img.png) no-repeat #f0f0f0; /* Картинка и цвет фона */
    height: 600px; /* Высота блока */
    width: 800px; /* Ширина блока */
}
#1_img {
    position: absolute;
    right: 100px; bottom: 200px" /* Положение от правого нижнего угла */
    height: 50px; width: 50px;/* Размеры блока */
    background: url(images/1_img.png) no-repeat #f0f0f0; /* Картинка и цвет фона */
}
#2_img {
    position: absolute;
    right: 10px; top: 15px; /* Положение от правого верхнего угла */
    height: 50px; width: 50px;/* Размеры блока */
    background: url(images/2_img.png) no-repeat #f0f0f0; /* Картинка и цвет фона */
}
#3_img {
    position: absolute;
    left: 100px; bottom: 200px" /* Положение от левого нижнего угла */
    height: 50px; width: 50px;/* Размеры блока */
    background: url(images/3_img.png) no-repeat #f0f0f0; /* Картинка и цвет фона */
}
#4_img {
    position: absolute;
    left: 100px; top: 200px" /* Положение от левого нижнего угла */
    height: 50px; width: 50px;/* Размеры блока */
    background: url(images/4_img.png) no-repeat #f0f0f0; /* Картинка и цвет фона */
}