title: Making DIVs behave like tables
body: <p>Is it possible to make e.g. a 2x2 grid with divs that behaves like a table when comes to resizing to fit the contents?</p>
  
  <h2>Like this</h2>
  
  <pre><code>+-----------+
  |  1  |  2  |
  -------------
  |  3  |  4  |
  +-----------+
  </code></pre>
  
  <p>So for example if you write something in cell #1 and the width increases to fit the content, cell #3 is resized to so it has the same width as #1.
  And Same for height so if you put linebreaks in #1 and height increases, #2 gets the same height too.</p>
  
  <p>I know it can be done with display: table,table-row,table-cell but IE7 doesn't support them.
  Is there any workarounds (without JS) or a different solution?</p>