Я делаю небольшой div в центре страницы с фиксированным нижним колонтитулом, но div можно прокручивать. .
По моему мнению, есть два способа сделать это:

1. Использование position:fixed: Фиксированная позиция действительно работает относительно окна браузера, но мне нужна позиция относительно моего маленького div
2. Использование position:absolute: Используя bottom:0;Сначала я решил проблему, но прокрутка нижнего колонтитула с текстом div.

HTML:

    

        

            
Heading
        
        

           Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text 
        
        

            
Fooooooooooooooooooooooooooter
            
        
    
​

CSS:

#wrapper{
    width:600px;
    height:500px;    
    border:thin solid #c00;
}
#box {
    width:400px;
    height:300px;
    margin:100px auto;            
    border:medium dashed #c00;
    position:relative;    
    overflow:auto;
}
#content {
    background-color:rgba(0,0,208,0.1);   
}
#footer {
    position:absolute;
    bottom:0px;
    width:100%;
    height:50px;
    background-color:rgba(0,0,0,0.8);
    color:#fff;
}​

Чтобы увидеть: JSfiddle

Как сделать нижний колонтитул фиксированным для этого div?