How to force div to always appear at bottom of page and stay there even after scrolling?

Pretty much all in subject, do i need use javascript to acheive this pr maybe css will fit well? Also I need that solution to work fine with IE6.

If javascript is only solution then how to animate div to change position smoothly?

Thanks in adavnce for any help

Like this:

<div style="position: fixed;bottom: 0px;right:0px;">
    This would be on the buttom of the page regardless to scroll.
</div>

You can use calc() inside of CSS to pin it to the bottom of your page.

Check out the CSS Hacks article explaining some of the use cases of calc().