title: Offset height returns zero for outer most div element
body: <p>Hi I have this html and it has the script at the end to show the offsetheight. offsetHeight seems to be 0 for the outermost div element. Not sure why. Please share your thoughts. How can I get the correct height of the div element. </p>
  
  <p>Also please note that, this happens only on internet explorer 11.</p>
  
  <pre><code>&lt;HTML&gt;
  &lt;HEAD&gt;
  &lt;META NAME="Author" CONTENT=""&gt;
  &lt;META NAME="Keywords" CONTENT=""&gt;
  &lt;META NAME="Description" CONTENT=""&gt;
  &lt;/HEAD&gt;
  
  &lt;BODY&gt;
  
  &lt;div id="temp"&gt;
  &lt;div align="left" style="font-family: Arial; cursor: default;"&gt;
  &lt;table align="left" id="defaulttable" style="width: 720px; font-family: Arial; font-size: 12pt; cursor: default; background-color: #ffffff;" border="0" cellspacing="2" cellpadding="2"&gt;
  &lt;tbody style="font-family: Arial; font-size: 12pt;"&gt;
  &lt;tr style="font-family: Arial; font-size: 12pt;"&gt;
  &lt;td width="30%" valign="top" style="width: 195px; font-family: Arial; font-size: 12pt;"&gt;
  &lt;div style="font-family: Arial; font-size: 12pt;"&gt;
  &lt;strong style="font-family: Arial; font-size: 12pt;"&gt;
  &lt;span style="font-family: Arial; font-size: 12pt; cursor: default;"&gt;
  &lt;br style="font-family: Arial; font-size: 12pt;"&gt;
  &lt;/span&gt;
  &lt;/strong&gt;
  &lt;/div&gt;
  &lt;/td&gt;
  &lt;td valign="top" style="width: 270px; font-family: Arial; font-size: 12pt;"&gt;
  &lt;h1 align="center" style="font-family: Arial; font-size: 12pt; cursor: default;"&gt;
  &lt;span style="font-family: Arial; font-size: 14pt; cursor: default;"&gt;
  &lt;br /&gt;
  Test1
  &lt;br style="font-family: Arial;"&gt;
  &lt;br style="font-family: Arial;font-size: 12pt;"&gt;
  &lt;div align="center" style="font-family: Arial; cursor: default;"&gt;
  &lt;input name="C4FF503C-B000-0001-1536-FF951CE01ADB" id="C4FF503C-B000-0001-1536-FF951CE01ADB" style="width: 161px; height: 22px; text-transform: capitalize; font-family: Arial; font-size: x-small; font-weight: bold; text-decoration: underline; cursor: default;" type="text" size="1" value="Type Name Here" displayon="all,null,null,null"&gt;&lt;/div&gt;
  &lt;/span&gt;&lt;/h1&gt;
  &lt;/td&gt;
  &lt;td width="30%" valign="top" style="width: 245px; font-family: Arial; font-size: 12pt;"&gt;
  &lt;div style="font-family: Arial; font-size: 12pt; cursor: default;"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;div style="font-family: Arial; font-size: 12pt; cursor: default;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Test2&lt;br style="font-family: Arial; font-size: 12pt;" /&gt;
  &lt;div align="center" style="font-family: Arial;"&gt;&lt;input id="C4E8747A-EA40-0001-4B11-1B4F9010B9A0" style="width: 229px; height: 68px; font-family: Arial; font-size: 12pt; cursor: default;" type="text" size="25" value=" " displayon="all,null,null,null"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script language="JavaScript"&gt;
  alert(document.getElementById("temp").offsetHeight);
  &lt;/script&gt;
  &lt;/BODY&gt;
  &lt;/HTML&gt;
  </code></pre>