title: How to expand the div container of ul and li?
body: <p>I have a div with its content (list inside), </p>
  
  <pre><code>&lt;div id="container"&gt;
       &lt;ul id="list"&gt;
         &lt;li&gt;
           &lt;div class="title"&gt;
                something
           &lt;/div&gt;
           &lt;div class="text"&gt;
               something again
           &lt;/div&gt;
         &lt;/li&gt;
          &lt;li&gt;
           &lt;div class="title"&gt;
                something
           &lt;/div&gt;
           &lt;div class="text"&gt;
               something again
           &lt;/div&gt;
         &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my items from list are displayed <code>float:left</code>, and I want to the div container expand in height as its content.</p>
  
  <pre><code>#container{ 
      position: relative; 
      width: 100%;    
      padding-bottom: 30px;       
  }
  
  #list{
      position: relative;
      padding-top: 80px;
      width: 95%;
      /*height: 100%;*/
      padding-bottom: 10px;
  }
  
  #list li{
      position: relative;
      float: left;    
      list-style: none outside none;
      width: 20%;
      height: 170px;  
      /*border:1px solid black;*/
  }
  </code></pre>