[js] ozycjonowanie absolute względem obrazka Opcje

[dado]

Witam. wiem że mogę kogoś zdenerowować tym postem ale spytać muszę.
Mam nie mały problem. Nie znam nie na js siedzę php a ma mzrobić mapkę na której bedą naniesione punkty czyli divy pozycjonowanie abslolutnie.
Problem w tym że one są ustawiane względem górnego lewgo rogu ekrany a nie zdjecia mapy o które mi chodzi.

Czy istnieje w js sposób który pozwoliłby robić divy pozycjonowane względem lewego górnego rogu zdjęcia a nie okna przeglądarki. ?

Nie mam pojecia jak się za to wziąć będą baaardzo wdzieczny za pdzielenie sie linkiem lub kawałkiem kodu lub choć by podpowiedzią.
Szukałem na forum ale niestety nic nie znalazłem.

[Paul]

Mozna to rozwiazac na kilka sposobow. Iframe bez maringesow z mapka, tak ze bedzie wygladac jakby go nie bylo i w tym iframie position: absolute;.

Mozna tez poprobowac z position: relative;

Albo div z mapka jako tlo i w nim te punkty jako relative.

[yavaho]

Po co ci JS?
Do takich rzeczy jest tag w html <MAP>

Albo divy + style:
tylko jednego diva musisz zastapic obrazkiem

[HTML] pobierz, plaintext 
<style>
.img {
	background:#000000;
	position: absolute;
	margin: 0px 0px 0px 0px;
	width:300px;
	height:300px;
 
}
.pkt1,.pkt2,.pkt3 {
	position: absolute;
	background: red;
	width:10px;
	height:10px;
}
.pkt1 {
	margin: 50px 0px 0px 50px;
}
.pkt2 {
	margin: 100px 0px 0px 100px;
}
.pkt3 {
	margin: 150px 0px 0px 150px;
}
</style>
 
<div>
  <div class="img"></div> <!--w miejsu tego diva bedzie <img class="img" src="" />-->
  <div class="pkt1"></div>
  <div class="pkt2"></div>
  <div class="pkt3"></div>
</div>
[HTML] pobierz, plaintext