non ho ben intesto cosa intendi.
il codice è questo:
c'è un primo div che ha come sfondo l'italia nell stato off.
dopo ci sono tutti div delle regioni con position:absolute.
ognuno di questi div ha un'immagine off ed un rollover con lo stato On.

il sistema di riferimento è http://www.casa.it/
mi manca il concetto di hotspot!!



<div style="float:left;width:295px;height:294px;positio n:relative; background:url(images/italia/italia.jpg) top left no-repeat">
<div style="position:absolute;top:170px;left:52px">[img]images/italia/sardegna.gif[/img]</div>
<div style="position:absolute;top:246px;left:138px">[img]images/italia/sicilia.gif[/img]</div>
<div style="position:absolute;top:198px;left:202px">[img]images/italia/calabria.gif[/img]</div>
<div style="position:absolute;top:173px;left:197px">[img]images/italia/basilicata.gif[/img]</div>
<div style="position:absolute;top:151px;left:188px">[img]images/italia/puglia.gif[/img]</div>
<div style="position:absolute;top:163px;left:165px">[img]images/italia/campania.gif[/img]</div>
<div style="position:absolute;top:148px;left:169px">[img]images/italia/molise.gif[/img]</div>
<div style="position:absolute;top:128px;left:119px">[img]images/italia/lazio.gif[/img]</div>
<div style="position:absolute;top:125px;left:152px">[img]images/italia/abruzzo.gif[/img]</div>
<div style="position:absolute;top:96px;left:132px">[img]images/italia/marche.gif[/img]</div>
<div style="position:absolute;top:106px;left:127px">[img]images/italia/umbria.gif[/img]</div>
<div style="position:absolute;top:82px;left:84px">[img]images/italia/toscana.gif[/img]</div>
<div style="position:absolute;top:64px;left:73px">[img]images/italia/emilia.gif[/img]</div>
<div style="position:absolute;top:21px;left:136px">[img]images/italia/friuli.gif[/img]</div>
<div style="position:absolute;top:19px;left:102px;z-index:0">[img]images/italia/veneto.gif[/img]</div>
<div style="position:absolute;top:39px;left:26px">[img]images/italia/aosta.gif[/img]</div>
<div style="position:absolute;top:25px;left:24px">[img]images/italia/piemonte.gif[/img]</div>
<div style="position:absolute;top:77px;left:40px">[img]images/italia/liguria.gif[/img]</div>
<div style="position:absolute; top:21px; left:60px">[img]images/italia/lombardia.gif[/img]</div>
<div style="position:absolute; top:8px; left:97px">[img]images/italia/trentino.gif[/img]</div></div>