title: How to use divs instead of tables
body: <p>I am trying to create the following table layout, but I want to use DIV instead of TABLE:</p>
  
  <pre><code>------------------
  |       |        |
  | CELL1 |  CELL2 |
  |       |        |
  |       |--------|
  |       |        |
  |       |  CELL3 |
  |       |        |
  ------------------
  </code></pre>
  
  <p>I want the height of all the cells to be set by their content (i.e. no height: style)</p>
  
  <p>I have tried using float:left on cell1, but can't seem to get cells 2 and 3 to behave.</p>
  
  <p><strong>EDIT</strong> 
  JS Fiddle here: <a href="http://jsfiddle.net/utZR3/">http://jsfiddle.net/utZR3/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="list-row"&gt;
      &lt;div class="list-left"&gt;CELL1
      &lt;/div&gt;
      &lt;div class="list-right"&gt;
          &lt;div class="list-title"&gt;CELL2&lt;/div&gt;
          &lt;div class="list-filters"&gt;CELL3
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="list-row"&gt;
      &lt;div class="list-left"&gt;CELL1
      &lt;/div&gt;
      &lt;div class="list-right"&gt;
          &lt;div class="list-title"&gt;CELL2&lt;/div&gt;
          &lt;div class="list-filters"&gt;CELL3
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="list-row"&gt;
      &lt;div class="list-left"&gt;CELL1
      &lt;/div&gt;
      &lt;div class="list-right"&gt;
          &lt;div class="list-title"&gt;CELL2&lt;/div&gt;
          &lt;div class="list-filters"&gt;CELL3
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.list-row {
      background:#f4f4f4;
      border:2px solid red;
  }
  
  .list-left {
      width:auto;
      padding:10px;
      top:0px;
      left:0px;
      border: 2px solid blue;
  }
  .list-right {
      top:0px;
      left:60px;
      padding:10px;
       border:2px solid green;
  }
  .list-title {
  
      font-size:18px;
      padding:8px;
  
  }
  .list-filters {
      padding:8px;
  
  }
  </code></pre>