Ну самый простой вариант вот:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
body {
position: relative;
}
table {
width: 100%;
border-collapse: collapse;
}
td {
height: 300px;
padding: 0;
vertical-align: top;
border: 1px solid #ccc;
}
#img {
position: absolute;
width: 100px;
height: 100px;
background: #f00;
}
</style>
<script type="text/javascript">
window.onload = function() {
var img = document.getElementById('img'), td = img.parentNode;
document.body.appendChild(img);
img.style.top = (td.offsetTop + td.offsetHeight - img.offsetHeight) + 'px';
img.style.left = (td.offsetLeft + td.offsetWidth - img.offsetWidth) + 'px';
};
</script>
</head>
<body>
<table>
<tbody>
<tr>
<td>Ячейка</td>
<td>
<p>Ячейка</p>
<div id="img">Картинка</div>
</td>
<td>Ячейка</td>
</tr>
</tbody>
</table>
</body>
</html>
Но все это дело очень сильно зависит от верстки и если таблица резиновая, то еще и событие window.onresize надо обрабатывать и заново считать координаты блока #img