HTML+CSS+JavaScript

Не знаю как вы сделали, вот так я себе представлял все.

Спасибо всем!!!
Sim5, ваш вариант получился как надо, спасибо большое!!!

DIV с фоном картинки указателя, с вложенным текстом (цифра и надпись), который менять в зависимости от положения указателя. Но вот я немного не понял какую роль у вас играет маппинг на изображении. Если, например, надо показывать эти указатели именно при наведении мыши на цифры на карте, то я бы назначил мап этим цифрам. Этим горячим областям назначил бы обработку события ONMOUSEOVER="myFunction(N)", где N это номер на карте, а в функции по этому номеру получал бы из описанного массива координаты указателя и его текст, номер для указателя - это N.

Вот код который Вы написали

<div style="height:100px; border:1px solid black;"> <div style="height:30px; border:1px solid blue; z-index:999; top:20px; position:relative;">подсказка</div> <!--<div style="height:30px; border:1px solid blue; z-index:999; top:20px; left:30px; position:relative;">подсказка 2</div>--> <div style="height:100px; border:1px solid red; z-index:100; position:relative;">карта</div> </div>

при таком раскладе карта смещается вниз на размер подсказки, а если ещё добавить подсказку то ещё ниже карта станет
Прикрепил картинку как получается по вашемоу варианту

sim5, не подскажите как в JS сделать указатель, может где примерчик есть или статья про эти указатели?

И забудьте вы об absolute - никто вам его не предлагает. Я говорил именно о релативе.

А зачем диву мап? Ложте в див картинку, не забывайте о z-index, а указаель можно сделать один, изменяя его координаты с помощью JS. Можете и кучу, скрывая/показывая.

у дива тоже нету свойства usemap!
и

<DIV id=marker STYLE="position: absolute; left: 20px; top: 20px; width: 20px; height: 20px; background-color: #FFFFFF;"></DIV>  </DIV>

немогу использовать position:absolute; потому что при разных разрешениях подсказка будет появлятся в разных местах

<DIV ALIGN="center"><DIV id=karta STYLE="position: relative; left: 20px; top: 20px; width: 200px; height: 200px; background-color: #87CEFA;"> <DIV id=marker STYLE="position: absolute; left: 20px; top: 20px; width: 20px; height: 20px; background-color: #FFFFFF;"></DIV> </DIV></DIV>

Да при таком раскладе будет работать, если у подсказки будет стоять position:absolute;, a мне нужно чтоб она брала точку от родительского объекта (получается position:relative), а не от окошко браузера. Потому что сайт сделан по центру страницы, а не резиновый.
Вот я парюсь с этой проблемой уже 3 день