How to refresh the size of a div after adding elements to it
<p>I have an element like this:</p>

<pre><code>&lt;div id="content" style="border: 2px solid black"&gt;
&lt;/div&gt;
</code></pre>

<p>And through JQuery I add some new stuff:</p>

<pre><code>$("#content").append($('&lt;div&gt;&lt;/div&gt;').addClass("box"));
</code></pre>

<p>where</p>

<pre><code>.box { margin: 10px; padding: 10px; border: 1px solid black }
</code></pre>

<p>But the outer <code>div</code> does not resize when I do this, so I get an inner box that is sticking out of a solid outer box.  How can I get the outer box to resize itself when I add this inner box?</p>
