if ('undefined'==typeof(ge_included))
{
 ge_included_left2load=0;
 ge_included=new Object();
 ge_included["http://javascript.gibney.org/standards.js"]=true;

 function ge_require_once(src)
 {
  if(ge_included[src]) return; 

  ge_included_left2load++;

  var sn=document.createElement("script");
  sn.onload=function(){ ge_included_left2load--; }
  sn.onreadystatechange=function(){ if(this.readyState=='loaded' || this.readyState=='complete'){ ge_included_left2load--;this.onreadystatechange=null; } }
  sn.type="text/javascript";
  sn.src=src;
  heads=document.getElementsByTagName("head");
  heads[0].appendChild(sn);
  ge_included[src]=true;
 }

 function startMain()
 {
  if (ge_included_left2load<1) main();
  else setTimeout("startMain()",250);
 }

 function ge_require_safestart(Obj)
 {
   Obj.safestart = function()
   {
    if (ge_included_left2load<1) Obj.start();
    else
    {
     setTimeout(function() {Obj.safestart()},100);
    }
   }
   Obj.safestart(); 
 }
}
/* www.gibney.org entry nr. 53: Table with 100% height inside a Cell */

Here is a Table (red border) with 100% height inside a cell of another table (green border). This only works if the surrounding cell has a height property as well. In opera it only works if all surrounding elements have a height property. (<a href="http://design2.gibney.org/table_with_100_height_inside_a_cell/">view the sourcecode</a>)

<br><br><br>

<table style="border: 1px solid #00ff00;">
 <tr>
  <td>
   this is the right cell.<br>
   Its just here to define the height of the table.<br>
   <br>
   another line of text...<br>
   another line of text...<br>
   another line of text...<br>
   another line of text...<br>
   another line of text...<br>
   another line of text...<br>
   another line of text...<br>
   another line of text...<br>
   another line of text...<br>
  </td>
  <td style="height: 1%;">
   <table style="height: 100%; border: 1px solid #ff0000;">
    <tr>
     <td>Text in the second table</td>
    </tr>
   </table>
  </td>
 </tr>
</table>