title: css divs 2 rows 1 static 1 dynamic height
body: <p>I have a <code>&lt;div&gt;</code>, and I need two divs in it.  One should be 30px tall and
  the other should fill in the rest of div (this one will also have overflow)</p>
  
  <pre>
   -----------------
  |                 |
   -----------------
  |                 |
  |                 |
  |                 |
   -----------------
  </pre>   
  
  <p>I've tried to do it like this:</p>
  
  <pre><code>&lt;style&gt; 
  .grayBox{ 
      position: fixed; 
      top: 0%; 
      left: 0%; 
      width: 100%; 
      height: 100%; 
      background-color: black; 
      z-index:1001; 
      -moz-opacity: 0.7; 
      opacity:.70; 
      filter: alpha(opacity=70); 
  } 
  .box_content { 
      direction:rtl;
      text-align:right;
      position: fixed; 
      top: 25%; 
      left: 25%; 
      right: 25%; 
      width: 50%; 
      height:50%;
  //    padding: 16px; 
      z-index:1002; 
      overflow: no; 
  } 
  
  .close {
      background-color:white;
      font-weight:bold;
      font-size:10pt;
      padding-top:5px;
      height:30px;
      cursor:pointer;
      text-align:center;
  }
  
  &lt;/style&gt; 
  
  &lt;div id="grayBG" class="grayBox" style="display:none;"&gt;&lt;/div&gt; 
  &lt;div id="LightBox1" class="box_content" style="display:none;"&gt;
      &lt;div onclick="displayHideBox('1'); return false;" class="close"&gt;סגור&lt;/div&gt;
      &lt;div style="overflow:auto; height:100%;"&gt;
      &lt;table width="100%" cellpadding="0" cellspacing="0" border="0"&gt; 
          &lt;tr align="right"&gt; 
              &lt;td colspan="2" bgcolor="#FFFFFF" style="padding:10px;"&gt;
                  &lt;%
                  strSQL="SELECT * FROM tblMainCats WHERE id=50"
                  rs.CursorType = 2
                  rs.LockType = 3
                  rs.Open strSQL, strCon
                  %&gt;&lt;%=rs("PartContent")%&gt;&lt;%
                  rs.close
                  %&gt;
              &lt;/td&gt; 
          &lt;/tr&gt; 
      &lt;/table&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <p><strong>after what sotiris showed me - here is what i get if i do what you guys said:
  <a href="http://jsbin.com/ebusu3/3" rel="nofollow">http://jsbin.com/ebusu3/3</a></strong></p>