คือมีปัญหาอยู่นิดหนึ่งค่ะ คือพอเวลาชี้รูปให้ขยายใหญ่ขึ้น มันดันติดเมนูวีดีโอตรงแทบข้าง มีวิธีไหนช่วยแก้ไหมค่ะ

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 	<script>
 	//<![CDATA[
 	$(function(){
 	$('.imgx').hover(function(){
	var w = 300;
 	var h = 300;
 	var d = 600;//duration
 	var imgx = $(this);
 	$('.imgy').remove();
 	var imgy = $('<img class="imgy" src="'+$(this).attr('src')+'"/>').appendTo('body');
 	imgy.css({
 	position: 'absolute',
 	left: imgx.offset().left,
 	top: imgx.offset().top,
 	width: imgx.width(),
 	height: imgx.height()
 	}).mouseout(function(){
 	$('.imgy').remove();
 	}).click(function(){
 	$('.imgy').remove();
 	});
 	imgy.animate({
 	left: imgx.offset().left - (w/2),
 	top: imgx.offset().top - (h/2),
 	width: w+'px',
 	height: h+'px'
 	},d);
 	},function(){});
 	});
 	//]]>
 	</script>

<? 
		include ("ConnectGeneral.php");
		mysql_query ("SET NAMES utf8") or die (mysql_errno());
		$id_knowledge=$_GET['id_knowledge'];
		$sql = "SELECT * FROM `knowledge`ORDER BY date_knowledge DESC";
		$result = mysql_query($sql);
		$count=0;
        $max=2;

while($row=mysql_fetch_array($result)){
			$id_knowledge= $row["id_knowledge"];
			$date_knowledge = DateThai($row["date_knowledge"]);
			$head_knowledge= $row["head_knowledge"];
		
			$pic_knowledge= $row["pic_knowledge"];
			
			
 echo "<tr align='left'>";
 echo "<td><?php foreach(range(1,1) as $i):?>
<img src='$pic_knowledge' width='70' height='56' class='imgx'/>
<?php endforeach;?></td>";
 
 echo "<td class='hactivity'><a href=\"ShowKnowledge1.php?id_knowledge=$id_knowledge\"<base target=_blank ' />$head_knowledge</td>";

echo "<td>$date_knowledge</td>";
$count++;
echo"<td>";
if($count <= $max)
echo "<img src='pic/icon_new.gif' width='22' height='9' />";
else echo "&nbsp;";
echo "</td>";

}
?>