Метки на картинке - Вопросы по CSS

Добрый вечер
Подскажите как сделать метки с ссылками на картинке?

Например: будет большая нарисованная карта, и на ней надо разместить к примеру 50 меток с ссылками и чтоб каждая метка находилась на определенном месте этой картинки.
Думал у позиции сделать background-image с этим рисунком, создать там модуль HTML с ссылками, к каждой ссылке свой стиль и указать для каждой как-то координаты...
или просто вставить картинку и каждой ссылке указать позицию типа: top: 5px;, left: 200px; .....

Подскажите как сделать? Чтоб метки не изменяли потом позицию при изменении окна браузера (уменьшении картинки).

все метки - ссылками? ссылки делайте блоковыми, с абсолютным позиционированием, размерами и картинкой беграундом

Спасибо ) попробую

Подскажите как сделать? Чтоб метки не изменяли потом позицию при изменении окна браузера (уменьшении картинки).

Если абсолютно позиционировать, то не прокатит.
Может поможет - http://htmlbook.ru/html/area

Засада.... нифига не получается )))

Почему же не прокатит?
Задаете класс для стилизации самой метки, координаты вывода - инлайном прописывайте, у непосредственного родителя ссылок position:relative; для обработки ссылок на js добавьте каждой ссылке уникальный id
<a id="mappark123" class="mapmark" style="left:5px;top:5px;"></a>

.mapmark {
  display: inline-block;
  position: absolute;
  width: 15px;
  heght: 20px;
  background: url('картинка') center center no-repeat;
}

Почему же не прокатит?

Потому что при ресайзе картинки метка останется на том же месте. Смотрите прикрепленную картинку.

так задавайте позицию в метке в %%