title: make the div (in css) to grow bottom-up? how?
body: <p>I'm wondering how to make a div to grow bottom-up and not like it does normally.</p>
  
  <p>I've here a example at <a href="http://jsfiddle.net/ZEYvk/13/" rel="nofollow">jsFiddle</a>. As u can see the right div will grow with more content but I want both div to stay fixed at the same level. (The left-div will never grow) </p>
  
  <p>How can i make the right-div to grow bottom-up? </p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div id="div_1"&gt;
          læskdfsædlfksæ
      &lt;/div&gt;
  
      &lt;div id="div_2"&gt;  
            &lt;tr&gt;
                 &lt;td&gt;AUTHENTIQUE&lt;/td&gt;
                 &lt;td class="field_2"&gt;1.6 16V&lt;/td&gt;
                 &lt;td class="field_3"&gt;239 &lt;/td&gt;
            &lt;/tr&gt;
  
            &lt;tr&gt;
                 &lt;td&gt;AUTHENTIQUE&lt;/td&gt;
                 &lt;td class="field_2"&gt;1.6 16V&lt;/td&gt;
                 &lt;td class="field_3"&gt;239 &lt;/td&gt;
            &lt;/tr&gt;
      &lt;/div&gt;
      &lt;div class="clearing"&gt;&lt;/div&gt;
      &lt;div id="base"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The css:</p>
  
  <pre><code>#wrapper{ overflow: hidden;}
  
  #div_1{
      border: 1px solid red;
      width: 100px;
      height: 50px;
      float: left;
  }
  
  #div_2{
      border: 1px solid black;
      width: 200px;
      float: left;
  }
  
  .clearing{ clear: both;}
  
  #base{ border-top: 2px solid #666;}
  </code></pre>