[Resolvido] Imagem aparece deslocado no IE8 e no Chrome

Pessoal, tenho uma imagem aqui em um site que cuido, que aparece deslocada no Chrome e no IE8. Ainda não consegui descobrir o motivo disso.

Veja abaixo como ela aparece:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.procardiaco.com.br/images/img_bug.jpg&key=9f74869cf746be2ec6f85edcedb13f419d552e597b64fcf0f4ec972ec06ac767" alt="Imagem Postada" />

O código do local onde ela está na página está assim:

<div id="lateraldireita">
<div id="apDiv1">
<!--#include virtual="/includes/procep_vejascroll2008_new.asp"--></div>
<table width="172" height="415" border="0" align="left" background="images/vejamais_new.jpg" >
<td align="center">
 <img src="images/associacoes.jpg" width="173" height="87" border="0" usemap="#Map" />
 <map name="Map" id="Map">
 <area shape="rect" coords="21,17,77,75" href="[http://www.sindhrio.org.br"](http://www.sindhrio.org.br) target="_blank" alt="" />
 <area shape="rect" coords="98,19,145,77" href="[http://www.anahp.org.br"](http://www.anahp.org.br) target="_blank" alt="" />
 </map>
 <br>

 <br><br>
 <br>
 <br>
 <br>
 <br><br><br><br><br>
 <br>

	<a href="[http://www.procardiaco.com.br/content/multimedia/pro_noticias_jan_mar_2009.pdf">

A imagem em questão é a associacoes.jpg, que está na div lateraldireita. O código da div está assim:

#lateraldireita {
	position:absolute;
	left:587px;
	top:174px;
	width:172px;
	height:357px;
	z-index:17;
	visibility:visible;
}

Alguém pode ajudar-me a entender o prq de só no IE8 e no Chrome a imagem aparecer deslocada? Pois no IE7 e no Firefox ela aparece corretamente.