Фиксация элемента внизу окна браузера
 

Моя задача зафиксировать элемент див внизу рабочей области браузера так, что б при прокрутке документа он оставался на месте.(P.S. поймите, это не в целях рекламы!!!). Вы наверное видели такой пример на сайте с реализацией интернет магазина, да и на сайтах где есть реклама. Вот меня и грызет то что я не знаю как это реализовать. Не могли бы вы подсказать как это воплотить в жизнь, ну или дать ссылку на пример может это уже рассматривали. Я попытался сделать, но у меня вышло как-то КОРЯВО.

<script type="text/javascript">
function getViewportHeight() {
    return ((document.compatMode || navigator.isIE) && !navigator.isOpera) ? (document.compatMode == 'CSS1Compat') ? document.documentElement.clientHeight : document.body.clientHeight : (document.parentWindow || document.defaultView).innerHeight;
}

function scroller() {
	document.getElementById("bottomLine").style.top = (getViewportHeight() - document.getElementById("bottomLine").offsetHeight) + document.documentElement.scrollTop + "px";
}
window.onscroll = scroller;
</script>

Элемент див с абсолютным позиционированием.

Заранее благодарен.

Для нормальных браузеров position: fixed, для ИЕ -- top: expression(тут код, зависящий от doctype, лучше погуглить).