title: side by side divs with same height
body: <p>How can I put the height of side by side DIVs?</p>
  
  <p>When I change the width of browser, sometimes the left div get higher or shorter than the left.</p>
  
  <p>I want that automatically the left or the right div grows up to became with the same height of the other one.</p>
  
  <p>Setting a display table-row is the best solution for this?</p>
  
  <p>Take a look at the image of the page I want to develop.
  <a href="http://i.imgur.com/BhvV2.png" rel="nofollow">http://i.imgur.com/BhvV2.png</a></p>
  
  <hr>
  
  <p>I solved the problem using display=table-row, table and table-cell. I've added one div to be the table.
  Now it is perfect! Take a look.</p>
  
  <p><a href="http://jsfiddle.net/tcWCC/47/" rel="nofollow">http://jsfiddle.net/tcWCC/47/</a></p>