Salve a tutti,
vi spiego subito il mio problema:

Ho una pagina web con un immagine in cui prendo le coordinate della stessa e le metto in un DB.

codice:
<form action="mappa.asp" name="form" id=Form method="post">
<input name="mappa" type=image src="images/italia.wmf">
<input type="text" name="X" value=" <%=x %> ">
<input type="text" name="Y" value=" <%=y %> ">
</form>

<%
dim x,y
x=request("mappa.x") 
y=request("mappa.y")
%>
Una volta presi questi valori e memorizzati in un DB ho la necesità di mettere un puntino nel punto esatto in cui l'utente aveva precedentemente selezionato. E qui viene il mio problema:

L'immagine su cui dovranno andarsi a posarsi i puntini la posiziono così:

codice:
<div id="italia" style="position:absolute; z-index:1 left: 0; top: 0;">
[img]images/italia.wmf[/img]
</div>
Mentre il puntino in questo altro modo:

codice:
<div id="citta" style="position:absolute; width:1px; height:1px; z-index:2; left: <%=(citta.Fields.Item("CX").Value)+10%>px; top: <%=(citta.Fields.Item("CY").Value)-16%>px;"> 
[img]images/pallino.jpg[/img]
</div>
Il mio problema è che mi trovo sempre dei valori sfaslati, come posso fare per trovare una soluzione a ciò? Come vedete nel codice per mettere una pezza ho aggiunto 10px alla coordinata X e sottratto 16px alla coordinata Y ma certamente questa non può essere la solzione giusta.

Aspetto con ansia un vostro aiuto.