那位师兄师姐能帮个忙解决----网页最大化后图片上的文字错位问题!!

[chenyulancn]

我在黑龙江省地图上分别在相应的位置写上哈尔滨，大庆等城市名，当鼠标移动到城市名时则在下方显示所在城市的大学．
运行后窗口没有最大化，各城市名在自己相应的位置，但窗口最大化后，比如　哈尔滨，大庆，齐齐哈尔城市名不在原来的位置移动到地图外等．
请教高手怎么解决谢谢！！

部分代码：显示哈尔滨的学校的代码　　　＂怎样把哈尔滨三个字固定在地图上＂

<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>

[chenyulancn]

师兄能说明白点吗??

我在 <span id="menubar" onmouseover="menu1.style.visibility='visible'">中加入style="position:absolute;top:555px;left:431px;width:78px;height:38px;z-index:3;"> 还是不行

我把 absolute 删掉也接决不了

[zeroleonhart]

offsetLeft,offsetTop

[yrong514]

其实不只是最大化，窗口大小的变化都会有这问题。原因是窗口变化使页面的布局变化了，但是一些absolute的层的位置没有变化，所以要刷新相应的层。而窗口大小的变化会产生body的onResize事件。层的位置变化可以用到这两个属性：style.pixelLeft，和offsetLeft（具体的见msdn），其它的你就自己调吧。