Side By Side Divs With Same Height

How can I put the height of side by side DIVs? When I change the width of browser, sometimes the left div get higher or shorter than the left. I want that automatically the left or

Solution 1:

Here's a solution, also found on SO

http://jsfiddle.net/kaAjW/

Here is the link to original post

How do I keep two divs that are side by side the same height?

The technique is called Faux Columns and here is an article about it

http://www.alistapart.com/articles/fauxcolumns/

Solution 2:

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.

http://jsfiddle.net/tcWCC/47/

Solution 3:

I think you won't be able to do that without using a html table.