title: how to set auto div height from ul/li elements variable height
body: <p>I'm unable to set my div to have an auto height depending on the height of ul - li - a elements. I want to create a simple horizontal div with background color but I see how I have no height for my div.
  My li elements are links with icons and no text. This icons can-could have variable size.</p>
  
  <p>Any help would be appreciated.Thanks</p>
  
  <p>This is the html piece:</p>
  
  <pre><code>&lt;div class="divmenu"&gt;
      &lt;ul class="ul_tools"&gt;
          &lt;li&gt;&lt;a class="ico1" href="#" onclick="a_webgl_tools.zoom()" title="zoom"&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a class="ico2" href="#" onclick="a_webgl_tools.zoom()" title="zoom"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;     
  &lt;/div&gt;
  </code></pre>
  
  <p>And its css :</p>
  
  <pre><code>.divmenuH {
      /* [disabled]margin: 25px  0 35px 15px; */
      background-color: #099;
      padding: 0 0 5px 0;
  }
  
  
  .ul_tools {     }
  .ul_tools li {
      list-style-type: none;
      margin: 0;
      padding: 0;
      float: left;
  
  }
  .ul_tools li a {
      margin: 0px 0px 0px 5px;
      display: block;
      width: 18px;height: 18px; 
      background-image: url(file:///D|/I_DESARROLLO/BIBLIO_ICONOS/Minimaloistas/mini.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 360px 360px /*20ICONS  18 x 18  */
  }
  .ul_tools li a.ico1 { background-position: 0px 0px;    }
  .ul_tools li a.ico2 { background-position: -24px 0px;}
  </code></pre>