title: Div height 100% within div
body: <p>I got the followin code, which doesn't do the trick:</p>
  
  <pre><code>&lt;div id="wrap"&gt;
      &lt;div class="navigation"&gt;    
          &lt;ul&gt;      
              &lt;li&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
       &lt;/div&gt;
  
  
       &lt;div id="main"&gt;
         Content
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the wrap to be 100% height. This works just fine. But as soon as i try the #main div to be 100% heights as well, it doesn't. This div always collapses to the height of content.</p>
  
  <pre><code>html{height:100%;}
  body{overflow-y:scroll; margin:0px; padding:0px; height:100%;}
  #wrap{
      min-height: 100%; /* Mindesthöhe für moderne Browser */
      height:auto !important; /* Important Regel für moderne Browser */ 
      height:100%; /* Mindesthöhe für den IE */ 
      width:100%;
      position:absolute;
      overflow:hidden;
  }
  
  
  #main{
      width: 980px !important;
  
  
      height:100%; /* IE6: treaded as min-height*/
      min-height:100%; /* real browsers */
      height:auto !important;
  
  
  }
  </code></pre>
  
  <p>Can somebody please help me solve this problem?
  Thanks in Advance</p>