jQuery width() not returning correct value on a div with generated content
<p>With the code below, the alert doesn't return the actual size of #main, it always returns the value of #main's css width with the % dropped.  So in this case I get 95 in the alert.  If I alert parent().width() I get 100.  </p>

<p>The data returned from the .get() call is a ul that sometimes is wider than #main, and sometimes not.  The width of the content doesn't seem to have any bearing on what .width() returns.</p>

<p>So my question is, how do I get the true pixel width of #main?</p>

<p>CSS:</p>

<pre><code>#container {
    width: 100%;
}

#main {
    width: 95%;
    overflow: hidden; 
}
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div id="conatiner"&gt;
    &lt;div id="main"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Javascript/jQuery:</p>

<pre><code>$.get('page.php', function(result) {
    $('#main').html(result);
});
alert($('#main').width();
</code></pre>
