I have a table with images in the cells. I'm using JSFX_ImageZoom.js to zoom, that works fine. The problem is if I don't define absolute positions for my images then when zoomed the rest of the page gets garbled. If I do define absolute positions then the zoomed image is "under" the surrounding images.

Code:
<!--  (* Another free JavaScript  from JavaScript-FX.com *) -->
<SCRIPT LANGUAGE=JavaScript SRC="JSFX_ImageZoom.js" TYPE="text/javascript"></SCRIPT>
</head>
<body>
<center>
  <table height="600" width="800" background="advertisingsampletables.jpg">
    <tr height="100">
		<td height="258"></td>
		<td>
		</td>
		<td height="258">
		</td>
		<td valign="bottom"><img height="170" width="110" style="position:absolute; top:100px; left:700px;" src="mexicantable.jpg" border="0" onMouseOver="JSFX.zoomIn(this, 50, 250)" onMouseOut="JSFX.zoomOut(this)"><img height="170" width="110" src="specialtytable.jpg" width="112" height="174" border="0" style="position:absolute; top:100px; left:820px;" onMouseOver="JSFX.zoomIn(this, 50, 250)" onMouseOut="JSFX.zoomOut(this)"><img height="170" width="110" style="position:absolute; top:100px; left:940px;" src="bbqtable.jpg" border="0" onMouseOver="JSFX.zoomIn(this, 50, 250)" onMouseOut="JSFX.zoomOut(this)"><img height="170" width="110" style="position:absolute; top:100px; left:1055px;" src="sportstable.jpg" border="0" onMouseOver="JSFX.zoomIn(this, 50, 250)" onMouseOut="JSFX.zoomOut(this)">