title: need DIV to expand its height to its children
body: <p>I am trying to make my DIV's height expand to it's child elements.  I have read some other posts, but have been unable to make the answer for those issues work for me.</p>
  
  <p>Here is a sample HTML the represents my problem.  </p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;style type="text/css"&gt;
          .PropertyPanelMain
          {
              font-size: 8pt;
              color: #000;
              border: 2px solid #ccc;
              width: 100px;
              height: 100px;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="PropertyPanelMain"&gt;
          &lt;div style=""&gt;This content should make the outer DIV expand. This content should make the outer DIV expand. This content should make the outer DIV expand. This content should make the outer DIV expand. &lt;/div&gt;
          &lt;div style=""&gt;More content&lt;/div&gt;
              &lt;div style="clear:both;"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Can someone show me how to make the outer DIV expand to its contents (the two child DIV's)?</p>
  
  <p>Thanks,
  John</p>