Вёрстка блока с метками
 

Есть div, с фиксированными размерами. И массив точек с координатами (x,y)

Необходимо сверстать эти точки внутри основного div'а, расставив их по локальным координатам (x,y)

Каждая точка - это по сути див, тоже с фикс.размерами и background-image.

Основной див может оказаться в любом месте на странице.

Пытался сделать через position:relative и top\left - нифига. Уезжают, как будто позиционируются относительно друг друга (точки).

Пытался через margin и padding - не привело ни к чему - остались в локальном (0,0). КАк сверстать грамотно, подскажите?

Ответ: Вёрстка блока с метками
 

http://jsfiddle.net/NXPaE/ ?

Ответ: Вёрстка блока с метками
 

Ох, релатив в основном диве.. я б не допёр. Спасибо! Приходи коньяк пить :)

Ответ: Вёрстка блока с метками
 

Если ты делаешь что-то похожее на игру, то лучше использовать Canvas. Он проще, чем кажется изначально.