title: how to get the size of td
body: <p>i have a table which in which i have td .when i click in text field which has onkeypress
  event select values from database a table is shown from whic i select value.this select table is in div which position is fixed.but it will also chang the height</p>
  
  <pre><code>&lt;td class="value"&gt;vehicle &lt;/td&gt;&lt;td&gt; 
   &lt;input type="text" id="txt_sh_vid" onKeyPress="vhc_record()" maxlength="4"&gt;
    &lt;div id="div_vhc"  class="search_form"&gt;
  &lt;/div&gt;
  
  
   &lt;input type="text" id="vid" style="display:none;"&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>function vhc_record() {
      var data = 'vhc=' + document.getElementById('txt_sh_vid').value;
      loadXMLDoc('ship/vehicle_ship/', 'div_vhc', data);
      document.getElementById('div_vhc').style.visibility = "visible";
  }
  </code></pre>
  
  <p>it is css of the above table</p>
  
  <pre><code>    td.value
      {
      background-color:#00628B;
      color:#E6E6DC;
      height:50;
  
      }
  
      div.search_form
      {
      position:fixed;
       background-color:white;
  
  }
  </code></pre>
  
  <p>when i press key in textfield it will also change the height of <strong>class="value"</strong> 
  like <strong>div id="div_vhc"</strong> while its height is 50 </p>