Закрепить элемент относительно браузера!

Всем привет.
Прошу помочь решить вопрос.
Поставил на сайт gif-анимацию в конкретное место.
И вроде бы всё красивенько так смотрится, да вот когда уменьшаешь окно браузера либо открываешь избранное, этот элемент "уезжает".

Вот сайт http://a-reznikova.com.ua/
Вверху справа этот самый элемент - паучок.

А вот что я вставил в index.php

<div id="free">
<img src="images/stories/spider.gif" alt="Spider" width="132" height="150">
</div>

И собственно в .css

#free {
position: absolute;
top: 98px;
left: 843px;
z-index: 101;
}

Подскажите как зафиксировать этот элемент?
Спасибо!

 

madison21, в данном случае можно фиксировать по отношению к right

 

К сожалению не помогло. Происходит такое же уезжание "элемента".
Может ещё какие идеи? я что-то уже кажется всё перепробовал. Хотя решение то есть)

 

Решил вопрос.
Просто добавил в логотип этого самого паучка...и создал уже лого анимацию))
Вопрос закрыт.
Если кто столкнётся с подобный - пишите, с радостью поделюсь подробнее)