title: IE6 float and height
body: <p>Hi i have 2 divs that floats and IE6 fails on height (its not set from css). If i have letters as g,p,j its cut off the end of these letters.</p>
  
  <p>Here is the code</p>
  
  <pre><code>    &lt;div class="left"&gt; &lt;!-- this div float left --&gt;
      &lt;span style="color:#666;"&gt;Legend : &lt;/span&gt; &lt;!--  Here the letter g is cut --&gt;
  
      &lt;a title="" class="button" href="#"&gt;Choice 1&lt;/a&gt;
          &lt;span class="button" style="padding-right:12px;"&gt;
              &lt;b&gt;Current Choice&lt;/b&gt;
           &lt;/span&gt;        
     &lt;/div&gt;
  
     &lt;div class="right"&gt;&lt;!-- this div float right --&gt;
      &lt;span style="color:#666;"&gt;Legend 2 : 1 &amp;nbsp; Legend3 : 1-5&lt;/span&gt; &lt;!--  Here the letter g is cut --&gt;       
     &lt;/div&gt;
    &lt;div class="clear"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>If i set a height at the left,right divs its working fine, but i can not know the height of the content.</p>
  
  <p>Is there any other solution to make it work without set the height.</p>
  
  <p>Thansk</p>