title: Flexible div blocks
body: <p>I need a three column block such that, if more content in the center (middle column) - side blocks increased.</p>
  
  <p>Now i have this <a href="http://s2.ipicture.ru/uploads/20110714/NQ6ZNRsB.png" rel="nofollow">http://s2.ipicture.ru/uploads/20110714/NQ6ZNRsB.png</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="spoiler"&gt;
    &lt;div class="left"&gt;1&lt;/div&gt;
    &lt;div class="middle"&gt;
      2&lt;br /&gt;
      aaaaaaaaaaaaaaaaaaaaaaaaaa&lt;br /&gt;
      hhhhhhhhhhhhhhhhhhhhhhhhh&lt;br /&gt;
      aaaaaaaaaaaaaaaaaaaaaaaaaa&lt;br /&gt;
      aaaaaaaaaaaaaaaaaaaaaaaaaa&lt;br /&gt;
    &lt;/div&gt;
    &lt;div class="right"&gt;3&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>            #spoiler {
              width:500px;
          }
          .left, .middle, .right {
              background:#ffdac0;
              height: auto !important;
              height: 100%; /* for IE6 */
          }
          .left {
              float:left;
              width:100px;
          }
          .middle {
              float:left;
              width:300px;
          }
          .right {
              float:right;
              width:100px;
          }
  </code></pre>
  
  <p>Help please!</p>