CSS verschachtelt div height 100%

Question

Ich habe momentan das #border div bei 100% der Seitenhöhe, aber ich versuche, das #container div auf 100% innerhalb # border zu dehnen. Momentan dehnt sich #container nur so aus, dass es in den Inhalt passt.

* { 
    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

Gelöst:

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

Answer 2

#container{min-height:inherit;position:absolute;}

Versuchen und fügen overflow:hidden; #border.