CSS вложенная высота div 100%

Question

В настоящее время у меня есть #областной div на 100% высоты страницы, но я пытаюсь заставить #container div растягиваться до 100% внутри #border. В настоящий момент #container только растягивается, чтобы соответствовать содержанию внутри него.

* { 
    margin: 0; 
} 

html, body { 
    height:100%; 
    font-family: Georgia, Times, "Times New Roman", serif; 
    font-size:13px; 
    line-height:19px; 
    color:#333333; 
    background: #f5f1ec; 
    text-align: left; 
} 

#border { 
    background: #f5f1ec; 
    border:solid 1px #FFFFFF; 
    width: 880px; 
    margin: 40px auto 0; 
    padding:10px; 
    height: auto !important; 
    min-height: 100%; 
    height: 100%; 
} 

#container { 
    background: #FFFFFF; 
    padding: 10px 50px 0; 
    height: 100%; 
} 

Answer 1

Решено:

#container { 
    background: #FFFFFF; 
    padding: 10px 50px 0; 
    height: 100%; 
    width:780px; 
    position:absolute; 
} 

Answer 2

Попробуйте #container{min-height:inherit;position:absolute;}

и добавить overflow:hidden; к #border.