CSS: исправить высоту раздела в элементе переменной высоты

Относится кэтот вопрос.

Вот скрипка:http://jsfiddle.net/DRbRS/

Обратите внимание, что выделенный красным список div не выравнивается внизу зеленого контейнера div.

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

Есть ли способ справиться с этим, не прибегая к JavaScript?

Что нам нужно, так это стильheight: fill;

Ответы на вопрос(2)

position: absolute и установка сверху, слева, справа и снизу:http://jsfiddle.net/QARC9/

Эта статья описывает, почему это работает.

http://www.alistapart.com/articles/conflictingabsolutepositions/

#container {

    left: 50px;
    width: 200px;
    position: fixed;
    height: 90%;
    border: 2px dashed green;
}


#header {
    height: 30px;
    line-height: 30px;
    text-align: center;    
    border: 2px dashed blue;
    margin-left:-2px;
    margin-top:-2px;
    width:200px
}

#list {    
    border: 2px dashed red;
    overflow: auto;
    height: 91%;
    width:200px;
    margin-left:-2px;
    margin-top:-2px;


}​

или посмотрите демо здесьhttp://jsfiddle.net/enve/DRbRS/3/

ВАШ ОТВЕТ НА ВОПРОС