problema (credo stupido) con mappa

[dash]

salve,
ho una pagina in cui c'è questa mappa

[img]../images/sfondo.jpg[/img] 
<map name="mappa" id="mappa"> 
<area shape="poly" coords="167, 127, 111, 130, 111, 122, 112, 119, 120, 99 , 127, 90, 139, 79, 149, 76, 164 , 73" ALT="Verde" onmouseover="RollMapOn(1)" onmouseout="RollMapOff()"></area> 
</map>

e onmouseover e onmouseout sono gestiti da questa funzione javascript

function RollMapOn(i)

{

    var IMG = document.getElementById("mappa");

    IMG.src = "../images/map_" + i + ".jpg"; 

	 document.getElementById('box').innerHTML=arrComuni[i];

}

function RollMapOff()

{

    var IMG = document.getElementById("mappa");

    IMG.src = "../images/mappa.jpg";

	 document.getElementById('box').innerHTML='';

l'immagine map_i è la stessa immagine mappa.jpg solo con la parte relative alle coordinate offuscata e hanno ovviamente le stesse dimensioni.
Il problema è che all'evento onmouseover l'immagine map_i che viene caricata è spostata di circa 1 px in alto e a sinistra...come fare per far in modo che combacino perfettamente!?!?
GRAZIE

[Shores]

L'errore sta semplicemente nel fatto che gli attributi id di tutti i tag della pagina devono essere diversi, quindi o cambi l'id della IMG o quella della MAP, scegli tu...

Ciao!

[dash]

Non avevo notato il fatto che avevo messo degli id uguali, grazie, ho sostituito così

[img]../images/mappa.jpg[/img]
<map name="mappa" id="mappax">
<area shape="poly" coords="167, 127, 111, 130, 111, 122, 112, 119, 120, 99 , 127, 90, 139, 79, 149, 76, 164 , 73" ALT="Verde" onmouseover="RollMapOn(1)" onmouseout="RollMapOff()"></area>
<area shape="poly" coords="167, 127, 223, 128, 223, 119,  "></area>

</map>

però il problema dello spostamento dell'immagine caricata da onmouseover non si è risolto..

[Shores]

Puoi postare un link alla pagina che fa il difetto?

[dash]

scusate l'attesa ma era tutto in locale ho dovuto fare un rapido upload, comunque
http://dashish.altervista.org

[Shores]

Allora, mi sembra che il problema si veda solo con IE7/6 mentre con FF e altro è tutto ok; comunque, è certamente causato dal fatto che le immagini che stai usando NON sono della dimensione a cui le stai usando: le jpg sono 425px × 340px, tu le ridimensioni a 320px × 256px, e questa è già una cattiva idea normalmente, ed è peggiore ancora quando c'è una image map applicata, visto che anche la image map risulterà imprecisa.

Quindi, fai in modo che tutte le jpg siano esattamente della dimensione a cui vuoi usarle nella pagina e vedrai che il problema svanisce!

Ciao!