L'ancoraggio avviene come deve (vedi codice sotto), e di script ne ho provati svariati, anche di più semplici, ma mi danno tutti lo stesso problema di posizionamento del tooltip...
codice:
<div id="back">
[img]assets/img/worldmapsmall.jpg[/img]
  <map name="Map">
    <area shape="circle" coords="823,175,41" href="#" alt="ASIA" id="showAs" onFocus="this.blur()" data-hint="Asia's tour" class="hint--bottom">
    <area shape="circle" coords="988,265,40" href="#" alt="TASTE" id="showTaste" onFocus="this.blur()" data-hint="What's Taste" class="hint--bottom">
    <area shape="circle" coords="572,270,43" href="#" alt="AFRICA" id="showAf" onFocus="this.blur()" class="hint--top" data-hint="Africa's tour">
    <area shape="circle" coords="187,285,43" href="#" alt="AMERICA" id="showAm" onFocus="this.blur()" class="hint--top" data-hint="America's tour">
    <area shape="circle" coords="782,362,41" href="#" alt="SIGHT" id="showSight" onFocus="this.blur()" class="hint--top" data-hint="What's Sight">
    <area shape="circle" coords="466,400,41" href="#" alt="SMELL" id="showSmell" onFocus="this.blur()" class="hint--top" data-hint="What's Smell">
    <area shape="circle" coords="180,463,41" href="#" alt="HEARING" id="showHear" onFocus="this.blur()" class="hint--top" data-hint="What's Hearing">
    <area shape="circle" coords="995,449,41" href="#" alt="AUSTRALIA" id="showAu" onFocus="this.blur()" class="hint--top" data-hint="Australia's tour">
    <area shape="circle" coords="372,162,42" href="#" alt="TOUCH" id="showTouch" onFocus="this.blur()" class="hint--top" data-hint="What's Touch">
    <area shape="circle" coords="541,115,41" href="#" alt="EUROPE" id="showEu" onFocus="this.blur()" class="hint--top" data-hint="Europe's tour">
  </map>
</div>