オンマウスでの画像表示の位置指定について

質問

以前、ここでオンマウスをしたときだけサムネイル画像を表示する方法を教えていただき大変助かりました。
ついては、その関連ですが、現在リスト（たて３０行くらい、横１０列くらい）の各行にマウスをおくことで各行の右側にサムネイルが表示されます。（行とは下記ソースの「○○○○(04.9.18)」にあたります。）
ところが右端の列は、画面ぎりぎりのためこの列だけ行の左側にサムネイルを表示させたいのです。
教えていただいたソースは

<script type="text/javascript">
function over( img,area ) {
var e = document.getElementById( area );
e.innerHTML = '<img src="'+img+'">';
e.style.position = "absolute";
e.style.border = "solid #c0c0c0";
return area;
}
function out(area) {
var e = document.getElementById( area );
e.innerHTML = '';
e.style.border = "none";
}
</script>

（表示部分）
<A href="index.htm#040918" target=_top onmouseover="area=over('test/img/IMGP4995_thumb.jpg','area002');" onmouseout="out(area);">○○○○(04.9.18)</A><span id="area002"></span>

以下idを変えて繰り返し

お教えいただけるとありがたいです。
（当方javascriptの知識はありません）
よろしくお願いします。

回答No.1

SAYKA

表示する前にstyleのleftや、IDの名前から、別方向へ表示すべきだとなった場合にleftをいじったら良いんじゃないかな。