To get DIVs to behave like table cells, you need to make sure that the total width of all the "cells" in a row, including borders and padding, is not greater than the width of the DIV representing the table row, and use the following display properties:
Code:
<div style="display: table-row;">
<div style="display: table-cell;">Data 1</div>
<div style="display: table-cell;">Data 2</div>
</div>
If the "cells" are wider than the "row" that contains them, the last cell in the row will be forced onto its own row in a very un-table-like manner.