Allora, prima di tutto ci sono da sistemare due cose:
il tag <a> non può mai contenere al suo interno un tag <div>; per cui li dovresti invertire in modo da ottenere:
codice:
<div>
Link
</div>;
Seconda cosa: se utilizzi dei fogli di stile per impostare delle "distanze" le misure di queste hanno sempre bisogno dell'unità davanti al numero (solo lo zero può non averla).
Alcune unità di misura sono, ad esempio, i pixel (px), i punti (pt), o la percentuale (%).
Per cui allo stile che hai messo nel div (presupponendo che le misure siano espresse in pixel) dovrai aggiungere:
codice:
<div style="position: absolute; z-index: 20; width: 100px;
height: 45px; left: 157px; top: -250px;" id="puntina">
Alla fine dovresti avere questa cosa qui:
codice:
<div style="position: absolute; z-index: 20; width: 100px;
height: 45px; left: 157px; top: -250px;" id="puntina">
<a href="#">
[img]images/italia/puntina_02.gif[/img]
</a>
</div>
Bene, ora per avere quello che desideri, ti basta aggiungere questo stile (che si adatta a tutte le varie dimensioni che avrà il <div>) tra <head> e </head> (o all'interno di un foglio di stile esterno se ne usi uno):
codice:
<style type="text/css">
.link A{
display: block;
height: 100%;
background-color: red;
}
.link A:hover{
background-color: yellow;
}
</style>
In pratica è lo stile che ti aveva proposto Federix nella prima risposta solo che ci mancava il "height: 100%;" per avere tutta l'altezza del div...
Questo stile lo aggiungi nel <div> così:
codice:
<div style="position: absolute; z-index: 20; width: 100px; height: 45px;
left: 157px; top: -250px;" id="puntina" class="link">
Alla fine dovrebbe funzionare come volevi... Spero di non aver fatto/detto castronate! Fammi sapere se ti funzia ok?
CIAO!!! 
Rispondi quotando
e mi porta a visitare la pagina di Tiscali.
Il tag <a> deve restare dentro il <div>... lo stile che ti ho dato funziona proprio se il tag <div> contiene un ancoraggio... fidati! 
