Enlarge image on mouse hover inside a table

[pegasus]

Actually i saw this tutorial for giving zoom in effect on mouse over to an imagehere images are not in any table so can i achieve same effect by putting images inside a table and set the positions of images to relative?like \[code\] <table border = '2'> <tr> <td> <img id="a1" src="http://demos.frnzzz.com/imgZoom/1.jpg" height="50" width="50"> </td> <td> <img id="a2" src="http://demos.frnzzz.com/imgZoom/1.jpg" height="50" width="50"> </td> </tr> </table>\[/code\]when i tried to put images inside a table effect is changing, it also increasing sizeof table but size of table should remain as it is.i am using following code for giving zoom in and zoom out effects to images but it works good in mozilla firefox but not working in google chrome. in chrome it is also extending table column size, (z-index not working), img1 is inside a table tag.\[code\] function zoomIn(indexNo){ var zoomin = $('#img1').attr("zoomin"); if(zoomin == "false") { $('#img1').css("z-index", 1); $('#img1').css("position", "absolute"); $('#img1').animate({ height : l_imgHeightZoomIn, width : l_imgWidthZoomIn, left : l_imgLeftZoomIn, top : l_imgTopZoomIn }, "slow"); $('#img1').attr("zoomin", "true"); } }-------------------------------------------------------------- function zoomOut(indexNo){ var zoomin = $('#img1').attr("zoomin"); if(zoomin == "true") { $('#img1').css("z-index", 0); $('#img1').css("position", "static"); $('#img1').animate({ height : l_imgHeight, width : l_imgWidth, left : l_imgLeftZoomOut, top : l_imgTopZoomOut }, 0); $('#img11').attr("zoomin", "false"); } }\[/code\]