Ciao ragazzi.
Problema tanto semplice ma che non riesco a risolvere.
Ho un div padre #container al 100% della pagina.
All'interno del div contenitore mi serve un altro div che vada al 100%... ma non riesco.
Pensavo che dare le stesse impostazioni del div contenitore bastasse e invece non è così.


questa è la pagina di esempio

qui il codice
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>     
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />     
<title>prova</title>     
<style type="text/css">     
html,body{     
margin:0;     
padding:0;     
height:100%;     }   
  
#container{     
width:940px;     
margin:0 auto;     
height:auto!important;     
height:100%;     
min-height:100%;     
background-color:red;     
position: relative;     }     

#ancora{     width:300px;     
margin:0 auto;     
height:auto!important;     
height:100%;     
min-height:100%;     
background-color:#fff;     
position: relative;     }     
</style> 
</head> 
<body>     
<div id="container">        
       <div id="ancora">ciao</div>     
</div> 
</body> 
</html>

come posso fare afinchè il div bianco vada al 100% in altezza di quello rosso?

Grazie