Salve ragazzi ho un disperato bisogno di un aiutino...

Aveno una cartina sensibile...poggiando il mouse sulle diverse province compaiono e scompaiono livelli...come faccio ad relativizzare la posizione dei livelli??...credo che ora sia assoluta..ma diminuendo la risoluzione parte dei livelli va fuori pagina...guardate...si può fare qualcosa per relativizzare rispetto alla cartina la posizione??
Grazie

codice:
<HTML>
<HEAD>

<TITLE>Mappa</TITLE>
<SCRIPT LANGUAGE="JavaScript"> 	//Define global variables

 	var totalLayersInLoop=5;

	var layerNumShowing=1;



	function init(){

       	  if (navigator.appName == "Netscape") {

		    layerStyleRef="layer.";

 			layerRef="document.layers";

			styleSwitch="";

			}else{

 			layerStyleRef="layer.style.";

			layerRef="document.all";

 			styleSwitch=".style";

			} 	}



	function showLayerNumber(number){

 		var layerNumToShow=number;

		hideLayer(eval('"layer' + layerNumShowing+'"'));

 		showLayer(eval('"layer' + layerNumToShow+'"'));

 		layerNumShowing=layerNumToShow;	 	}

		

	function showPreviousLayer(){

 		var layerNumToShow=layerNumShowing-1;

 		if (layerNumToShow < 1){layerNumToShow=totalLayersInLoop;}

 		hideLayer(eval('"layer' + layerNumShowing+'"'));

 		showLayer(eval('"layer' + layerNumToShow+'"'));

 		layerNumShowing=layerNumToShow; 	}



	function showNextLayer(){

 		var layerNumToShow=layerNumShowing+1;

 		if (layerNumToShow > totalLayersInLoop){layerNumToShow=1;}

 		hideLayer(eval('"layer' + layerNumShowing+'"'));

 		showLayer(eval('"layer' + layerNumToShow+'"'));

 		layerNumShowing=layerNumToShow; 	}



	function showLayer(layerName){

 		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); 	} 	



	function hideLayer(layerName){

 		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"'); 	} 



 </SCRIPT>
<STYLE TYPE="text/css">

 #layer1 {
	POSITION: absolute;
	Z-INDEX: 10;
	VISIBILITY: hidden;
	LEFT: 695px;
	TOP: 63px;
	width: 185px;
	height: 193px;
}

 #layer2 {
	POSITION: absolute;
	Z-INDEX: 20;
	VISIBILITY: hidden;
	LEFT: 695px;
	TOP: 63px;
	width: 164px;
	height: 12px;
}

 #layer3 {
	POSITION: absolute;
	Z-INDEX: 30;
	VISIBILITY: hidden;
	LEFT: 695px;
	TOP: 63px;
	width: 168px;
	height: 114px;
}
 #layer4 {
	POSITION: absolute;
	Z-INDEX: 20;
	VISIBILITY: hidden;
	LEFT: 695px;
	TOP: 63px;
	width: 78px;
	height: 35px;
}
 #layer5 {
	POSITION: absolute;
	Z-INDEX: 20;
	VISIBILITY: hidden;
	LEFT: 695px;
	TOP: 63px;
	width: 77px;
	height: 15px;
}
 #loopControls {POSITION: absolute; Z-INDEX: 40; VISIBILITY: visible; LEFT: 420px; TOP: 139px;}

  </STYLE>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</HEAD>

<BODY bgcolor="white"   onLoad="init()">


Posiziona il mouse sulla provincia di interesse e clicca su uno dei Pres&igrave;di 
in elenco




<DIV ID="layer1" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">&raquo;</font> 
  <font size="1">Bari (Dolceamaro)

  <font color="#990000">&raquo;</font> Bari (Granteatrino)

  <font color="#990000">&raquo;</font> Bari (Mago Gir&ograve;)

  <font color="#990000">&raquo;</font> Bitritto-Bitetto-Sannicandro

  <font color="#990000">&raquo;</font> <a href="viewlink.php?url=castellana">Castellana 
  Grotte</a>

  <font color="#990000">&raquo;</font> Conversano

  <font color="#990000">&raquo;</font> Corato

  <font color="#990000">&raquo;</font> Giovinazzo

  <font color="#990000">&raquo;</font> Molfetta

  <font color="#990000">&raquo;</font> Monopoli

  <font color="#990000">&raquo;</font> Noicattaro

  <font color="#990000">&raquo;</font> Polignano a mare

  <font color="#990000">&raquo;</font> Santeramo in colle

  <font color="#990000">&raquo;</font> Terlizzi

  <font color="#990000">&raquo;</font> Triggiano</font></font> </DIV>
<div id="layer2" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">&raquo;</font> 
  <font size="1">San Giovanni Rotondo</font></font> 
</div>
<DIV ID="layer3" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">&raquo;</font> 
  <font size="1">Lecce

  <font color="#990000">&raquo;</font> <a href="viewlink.php?url=lecce">Lecce 
  (Fondo Verri)</a>

  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">&raquo;</font> 
  </font>Calimera

  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">&raquo;</font> 
  </font>Casarano

  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">&raquo;</font> 
  </font>Casarano (Senza Frontiere)

  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">&raquo;</font> 
  </font>San Cesario

  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">&raquo;</font> 
  </font>San Donato

  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">&raquo;</font> 
  </font>Sannicola

  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">&raquo;</font> 
  </font>Taviano</font>

  </font> </DIV>
<DIV ID="layer4" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">&raquo;</font> 
  <font size="1">Manduria</font>

  </font> </DIV>
<DIV ID="layer5" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">&raquo;</font> 
  <font size="1">Fasano</font>

  </font> </DIV>

<div align="left">[img]images/puglia.jpg[/img] 
  

  

  

  

  

  <map name="Map">
    <area shape="poly" coords="214,151" href="#">
    <area shape="poly" coords="123,85,135,90,146,92,162,97,179,101,208,112,220,118,226,124,227,129,227,135,223,146,215,150,207,151,198,150,188,151,181,154,174,155,166,151,158,153,150,153,146,159,141,155,131,147,126,137,114,134,104,135,104,124,102,116,97,110,90,108,115,86" onmouseover="showLayerNumber(1)">
    <area shape="poly" coords="48,11,62,9,76,11,93,7,102,6,108,9,112,17,114,25,108,33,101,38,89,51,89,62,97,67,104,74,112,78,108,84,102,91,97,96,90,102,85,108,73,111,61,115,52,117,39,115,32,110,32,95,28,91,21,92,15,80,9,70,4,62,5,54,16,37,16,26,17,15" onmouseover="showLayerNumber(2)">
    <area shape="poly" coords="235,133,245,140,258,145,268,149,286,153,294,162,299,171,291,179,284,186,274,186,258,182,251,178,247,173,234,144,230,145" onmouseover="showLayerNumber(5)">
    <area shape="poly" coords="172,164,173,184,181,189,189,193,197,185,204,180,213,180,218,182,222,189,226,196,242,198,253,201,265,202,270,200,268,190,256,184,245,174,241,165,236,156,232,149,196,153,175,158" onmouseover="showLayerNumber(4)">
    <area shape="poly" coords="302,180,315,180,325,185,333,194,341,205,346,216,346,226,338,234,338,242,339,253,337,262,329,258,315,254,305,246,299,240,297,222,293,213,287,205,282,201,277,197,277,191" onmouseover="showLayerNumber(3)">
  </map>
</div>
</body>
</html>