Помогите релизовать динамическую карту России

[Perlik]

Помогите релизовать динамическую карту России

Имею массив со списком городов (которых не очень много). У каждого города есть координата X и Y, расположения на карте. Отсчет от левого края карты по X и от верха по Y (не спрашивайте как задается, с этим все нормально)

Надо расставлять флажки (картинка 9х13) на этой карте.

Реализовано так:

<table align="center" cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td valign="top" background="/files/map/map.gif" style="width:550px; height:331px;">

    {section loop=$city name=c}
        <div style="position:absolute; left:{$city[c].mX}px; top:{$city[c].mY}px;">
        <a href="/?cityid={$city[c].id}"><img src="/files/map/spot.gif" border="0" width="9" height="13" /></a>
        </div>
    {/section}
    </td>
  </tr>
</table>

Фишка вся в том что position:absolute отсчитывает координаты от края браузера.. Все бы ничего если карта имела четкое расположение на сайте. Так у меня весь сайт по центру, и соответсвенно не катит.

Думал про <map>, но там ведь тогда надо еще картинку фоновую с флажками. А мне надо что бы эти флажки расставлялись.

 

[Skubent]

ман по поводу:
position: relative;
offsetParent
offsetTop