title: Overflow DIV content without fix height
body: <p>I have two divs: left and right. In the left there is a long text. In the right there are some annotations about the text (more divs). If the text of the left is longer than the annotations I'm like it. But when the annotations are bigger/longer then the left div, I want to make the right div's content overflow. </p>
  
  <p>With other words: two divs without fix height, make overflow the right one.</p>
  
  <p>The code is above or <a href="http://jsfiddle.net/borazslo/B2cch/" rel="nofollow">JSFiddle</a></p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="left"&gt;Some long-long text, allways to show&lt;/div&gt;
      &lt;div id="right"&gt;Some divs not necessarily show all&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>#container {
      background-color:white;
      float:left;
  }
  
  #left {
    width: 79%;
    float:left;
  }
  
  #right {
    width: 19%; 
    float:right;
    overflow: hidden;
  }
  </code></pre>
  
  <p>But it's not working. :(</p>