How can I make a div expand with its contents using css?
<p>I have a bunch of nested div's on this page. Each of them can only take content equivalent to their sizes, any more content that is added overflows into the next div. I would like to make #heading expand as i add more content in to it. Can this be done using CSS?. </p>

<pre><code>&lt;div id="heading"&gt; 
     &lt;form action="addplayer.php"method ="post" enctype="multipart/form-data"&gt;
         &lt;img src="css/images/pid.jpg" alt="" /&gt;&lt;br/&gt; &lt;input type="text" name="playerid" class="textbox"/&gt;&lt;br/&gt;
         &lt;img src="css/images/name.jpg" alt="" /&gt;&lt;br/&gt; &lt;input type="text" name="name" class="textbox"/&gt;&lt;br/&gt;
         &lt;img src="css/images/age.jpg" alt="" /&gt;&lt;br/&gt; &lt;input type="text" name="age" class="textbox"/&gt;&lt;br/&gt;
         &lt;img src="css/images/position.jpg" alt="" /&gt;&lt;br/&gt; &lt;input type="text" name="position" class="textbox"/&gt;&lt;br/&gt;
         &lt;img src="css/images/nt.jpg" alt="" /&gt;&lt;br/&gt; &lt;input type="text" name="nationality" class="textbox"/&gt;&lt;br/&gt;
         &lt;img src="css/images/photo.jpg" alt="" /&gt;&lt;br/&gt; &lt;input type="file" name="image" class="textbox"/&gt;
     &lt;input type="submit"  value="Upload"/&gt;
     &lt;form/&gt;    
&lt;/div&gt;
</code></pre>