Как зафиксировать изображение в углу страницы? [РЕШЕНО]

[ufateh]

Подскажите плиз, как грамотно  зафиксировать изображение в углу страницы, чтоб оно оставалось на месте при прокрутке? И чтоб во всех браузерах корректно отображалось, вот пример

http://www.xlpharmacy.com

Имеется в виду красный треугольник в правом нижнем углу. 
Заранее благодарю за подсказку

Змінено 2 травня 2013 користувачем afwollis

[Tom]

Так подсмотрели бы решение прям там

 

[ufateh]

Спасибо. Решено. Все гораздо проще, чем я думал.)

[Amazko]

Подскажите, ето в каком css надо прописывать чтобы та картинка была на каждой странице? 

[krumax]

Подскажите, ето в каком css надо прописывать чтобы та картинка была на каждой странице? 

в stylesheet.css вашего шаблона

[ufateh]

А зачем лишние телодвижения?))) Дрстаточно в файле header.tpl прописать строку: 

<div style="background: url('/catalog/ваша картинка.png')no-repeat; width: 127px; height: 127px; position: fixed; top: 0; right: 0;">
<a href="http://ссылка туда куда надо/" title="Текст, который будет появляться при наведении курсора" style="width: 127px; height: 127px; display: block; color: #333; text-align: right; font-weight: bold; padding: 5px 0 0 0; text-decoration: none;">Тут может быть дополнительный текст, для особо непонятливых))) </a>
</div>

Размер картинки задаете сами. Конечно через stylesheet более правильно, но работает и так. )))