Удерживать div в позиции после того, как пользователь прокручивает страницу

#div1 {
    background: #ffffff;
    padding: 6px;
    color:#333; 
    font:normal 10px Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    text-transform: uppercase;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

Этот div сохраняет позицию 20x20 пикселей от правого нижнего угла страницы. Но мой сайт содержит функцию разбивки на страницы «бесконечной страницы», и когда в окне браузера появляются полосы прокрутки из-за увеличения содержимого, div не сохраняет свою позицию в правом нижнем углу, а скорее перемещается по странице вверх. Как я могу заставить этот div оставаться в правом нижнем углу, даже когда пользователь прокручивает или когда появляются полосы прокрутки? Спасибо