justere billeder ift div

hejsa

jeg roder lidt med noget css-positionering, og det er jeg ikke så god til :S

jeg har dette: www.nyform-sport.dk/site/kort.php

de tre prikker i øverste venstre hjørne af danmarkskortet, vil jeg gerne have til at ligge oven i hinanden, så man kun kan se én.

det lyder umiddelbart tosset kan jeg godt se :)

men indtil videre er det for at se at de rykker sig i forhold til hinanden.

prikkerne bliver sat ind således:
<div id="pointer_div" style="background-image:url('img/dkkort-tomt.gif');height:500px;width:395;background-repeat:no-repeat;">
<?
while($area = mysql_fetch_array($res)){
  $zindex = $i + 2;
  $coord[$i]['x'] = $area['x_koordinat'];
  $coord[$i]['y'] = $area['y_koordinat'];
  echo "<img src=\"img/circle.gif\" id=\"circle_".$i."\" style=\"position:relative;z-index:".$zindex.";\" onMouseOver=\"document.getElementById('beskrivelse').innerHTML='".$area['navn']."';\">";
  $i++;
}
?>

og senere bliver positionen bestemt:

echo "<script language=\"JavaScript\">";
  for($i=0;$i<=sizeof($coord)-1;$i++){
      echo "\ndocument.getElementById('circle_".$i."').style.left=(".$coord[$i]['x']."-6);\ndocument.getElementById('circle_".$i."').style.top=(".$coord[$i]['y']."-6);";
  }
echo "\n</script>\n";

som den hurtige nok har gættet er mit problem, at når prikkerne bliver vist på kortet, bliver den første prik vist rigtigt, nummer 2 prik, bliver flyttet prik et's bredde til højre, prik 3 bliver flyttet prik et OG to's bredde til højre.

så efter 20 prikker, ser det helt tosset ud! :)

kan jeg ikke få den til at positionere ift div'ens øverste venstre hjørne?

på forhånd mange tak :)