网页最大化后文字错位问题？？？

我在黑龙江省地图上分别在相应的位置写上哈尔滨，大庆等城市名，当鼠标移动到城市名时则在下方显示所在城市的大学．
运行后窗口没有最大化，各城市名在自己相应的位置，但窗口最大化后，比如　哈尔滨，大庆，齐齐哈尔城市名不在原来的位置移动到地图外等．
请教高手怎么解决谢谢！！部分代码：显示哈尔滨的学校的代码　　　＂怎样把哈尔滨三个字固定在地图上＂<div id="back" onmouseout="out1()"style="position:absolute;top:555px;left:431px;width:78px;height:38px;z-index:3;visibility:visible">
<span id="menubar"  onmouseover="menu1.style.visibility='visible'">
<font color=red size=2><span class="style8">哈尔滨</span></span>
<div border=1  id="menu1" style="position:absolute;top:10px;left:8px;width:100;height:10;z-index:4;visibility:hidden;">
  <table id="link" width="200%"  border="1" cellpadding="1" cellspacing="0" bordercolor="#737373" bgcolor="#D1DDE9">
    <tr>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">哈尔滨工业大学</a></td>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">哈尔滨理工大学</a></td>
    </tr>
    <tr>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">哈尔滨工程学院</a></td>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">哈尔滨医科大学</a></td>
    </tr>
    <tr>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">哈尔滨师范大学</a></td>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">哈尔滨商业大学</a></td>
    </tr>
    <tr>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">黑龙江大学</a></td>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">黑龙江科技学院</a></td>
    </tr>
    <tr>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">黑龙江中医药大学</a></td>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">东北农业大学</a></td>
    </tr>
    <tr>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">东北林业大学</a></td>
      <td id="link"><a id="wenzi" href="dtdh_yqsb.jsp">黑龙江工程学院</a></td>
    </tr>
  </table>
</div>
</div>