Is using a table the best option for creating a layout with two columns that expand to the height of the taller column?
In cases like this, I find it easier to use a simple table structure:
<table class="parent">
<tr>
<td class="columnLeft">Column 1</td>
<td class="columnRight">Column 2</td>
</tr>
</table>
Using tables ensures that both columns maintain the same variable height without the need for additional CSS hacks.
While there are solutions using divs, they often involve workarounds such as overflow:hidden and more to ensure compatibility across different browsers.
(You can view an example on jsFiddle here: http://jsfiddle.net/rJjJa/1/)
What do you think? Is using a table acceptable in this case, or would you recommend an alternative method?