title: CSS display:table-cell with div inside table
body: <p>How to make display:table-cell style works (or look-alike alternative) if divs with style table-row are inside table cells? (see the link)</p>
  
  <p><a href="http://jsfiddle.net/ELKQg/460/" rel="nofollow">http://jsfiddle.net/ELKQg/460/</a></p>
  
  <p>I'd like the container1 div behave like the container2.</p>
  
  <p>code: (if the link were to become unreachable)</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="container1" class="container"&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;
      &lt;div class="row"&gt;
          &lt;div class="cell"&gt;aaaa&lt;/div&gt;
          &lt;div class="cell expand"&gt;b&lt;/div&gt;
          &lt;div class="cell"&gt;c&lt;/div&gt;
      &lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
      &lt;div class="row"&gt;
          &lt;div class="cell"&gt;d&lt;/div&gt;
          &lt;div class="cell expand"&gt;eeeee&lt;/div&gt;
          &lt;div class="cell"&gt;f&lt;/div&gt;
      &lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;div id="container2" class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="cell"&gt;aaaa&lt;/div&gt;
          &lt;div class="cell expand"&gt;b&lt;/div&gt;
          &lt;div class="cell"&gt;c&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="cell"&gt;d&lt;/div&gt;
          &lt;div class="cell expand"&gt;eeeee&lt;/div&gt;
          &lt;div class="cell"&gt;f&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>css:</strong></p>
  
  <pre><code>.container{width: 500px;overflow:hidden; /* instead of clearfix div */}  
   div { border:1px solid;padding: 1px;}    
  .row {display:table-row;}
  .cell {display:table-cell;}
  .expand{overflow:hidden;width:100%;}
  </code></pre>