How to get actual height of 1 td?
<p>I have a table like this:</p>

<pre><code>&lt;table&gt;
&lt;tr&gt;
&lt;td id='tdleftcontent' style='border:1px solid red;'&gt;
    &lt;asp:Label ID='lbl' runat="server"&gt;&lt;/asp:Label&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>With control lbl, in code behind, I set text as 'img src='/CMS/Images/News/event1.JPG' border='0' />'</p>

<pre><code>    protected void Page_Load(object sender, EventArgs e)
    {
        this.lbl.Text = "&lt;img alt='' src='/CMS/Images/News/event1.JPG' border='0' /&gt;";
    }
</code></pre>

<p>And in Javascript, I have a function to get HEIGHT of this td:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){
    var h = document.getElementById('tdleftcontent').offsetHeight;
    alert(h);
});
</code></pre>

<p>   </p>

<p>But the result is: h=22px. It mean the image does not show up on web yet.
result picture:  <a href="http://upanh.nguoihoian.info/di-534E.jpg" rel="nofollow">http://upanh.nguoihoian.info/di-534E.jpg</a></p>

<p>Please help me in solve this problem.
Thank you very much.</p>
