HTML - Mapa con puntos interactivos

Hola! Tengo que hacer un mapa como el de esta web

http://www.geografiadeldolor.com/

mi problema es que si hago los puntos entrar en el mapa y los acomodo no me aparece el cartel personalizado, y viceversa, si aparece el cartel no puedo hacer que los puntos se ubiquen encima del mapa.

El mapa es una imagen, ya que es un mapa antiguo el que debo utilizar.
Los puntos son otras imágenes.

Alguien me puede ayudar? Estoy programando en DREAMWEAVER 8.
Sólo se usar HTML y CSS, se que se puede hacer con JS pero no sabría cómo, si alguien me puede explicar el paso a paso se lo agradecería mucho.

Gracias!
Saludos

se puede hacer con html5 y css3, usando colores rgba , mas opacidades y transiciones.

saludos

Hola Malena:

Hay diferentes formas de hacerlo.

Lo más habitual es realizarlo mediante la etiqueta <map> con la siguiente estructura
(ver en HTML <area> coords Attribute (w3schools)

Otra forma (que es la que utiliza el enlace que presentas) es superponiendo a una imagen otras imágenes mediante posición absoluta en diferentes puntos (ejemplo: style="top: 42.75%; left: 41.25%" /// style="top: 12.25%; left: 42.75%" /// etc.) haciendo de estas imágenes un enlace hacia nuestro modal, otra página, etc.