как сделать изображение в правом нижнем углу поверх нескольких таблиц? 
<style>
.tt { background: url("sh.gif") right bottom no-repeat; }
</style>
<td class="tt" width="100"></td>
Ествественно отображает изображение только в одной ячейке таблицы и половина изображения не отображается. Как сделать чтобы картинка отображалась полностью?

<div class="kartinko"><img src="sh.gif></div>
.kartinko {
    position: relative;
    float: right;
    z-index: 2;
    top: -113px;
    margin: 0 0 -100px;

cделал вот так, а как добиться того, чтобы при разных разрешениях экрана картинка не съезжала в сторону? над ней таблица длинной в 1000 пиксилей.

Добавлено через 2 минуты и 14 секунд
мле, 0 забыл дорисовать) извините за беспокойство)