http://ilovewonju.co.kr/bbs/board.php?bo_table=photo

ie에서는 잘되는데 크롬에서 분명이 첨에는 잘있는데 마우스 올라갔다 내려오면 오른쪽에 달라붙어 있어요
소스는

$(document).ready(function(){
 //롤오버 커져라 
 $('#photo_list li').hover(function() {
 width = $(this).find('img').width();
 height = $(this).find('img').height();
  
 $(this).find('.img').stop(false,true).animate({'width':width * 1.1,'height':height * 1.1, 'top':15, 'left':20}, {duration:100});
 $(this).find('.zoom').stop(false,true).fadeIn(300);
 },function() {
 $(this).find('.img').stop(false,true).animate({'width':width, 'height':height}, {duration:100});
 $(this).find('.zoom').stop(false,true).fadeOut(400);
 });
});

<style type="text/css">
.clearfix { text-align:center;}
.clearfix li { position:relative; float:left; width:180px; height:200px; overflow:hidden;}
.clearfix img { padding:0px;  }
.zoom { position:absolute; display:none; left:50%; top:20px;}
</style>

<ul class="gallery clearfix">
 <?
 for ($i=0; $i<count($list); $i++){
 ?>
 <li>
  <p class="img"><a href="<?=$img_big?>" rel="prettyPhoto[gallery1]" title="<?=$list[$i][subject]?>"><?=$img_small?></a></p>
  <p class="caption"><?=$list[$i][datetime]?></p>
  <div class="zoom"><img src="<?=$g4['path']?>/<?=$gr_id?>/img/icon_zoom.png" width="54" height="52" align:="center" /></div>
 </li>
 <? }?>
</ul>