CSS anidado div altura 100%

Question

Actualmente tengo el #border div al 100% de la altura de la página, pero estoy tratando de hacer que #container div se estire al 100% dentro de #border. Por el momento, #container solo se estira para ajustarse al contenido que contiene.

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

resuelto:

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

Answer 2

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

y añadir a overflow:hidden; #border.