Абсолютное позиционирование в CSS27.11.2008 00:00

Задача: расположить некие элементы на карте мира. 

Первый блок- карта. Создаем пустой <div> с картой - бэкграундом. Вот его стили:

#main_map_div {
    width: 1280px;
    height: 640px;
    position: absolute;
    z-index: 1;
    background: url('/img/map.jpg') no-repeat top left;
}

Внутри этого <div> располагаем элементы с таким стилем:

<div style="position:absolute; top:200px; left: 300px; z-index: 10" >
test</div>

где 

top:200px;- Y - позиция от верхнего левого угла

left: 300px;- X

z-index: 10 - слой. Чем больше число, тем выше будет расположен элемент, он будет перекрывать элементы с меньшим z-index.