CSS table not working in IE7

Can someone tell me why the below does not work in IE7?
(cells all appear on their own row)

<div style="display: table">
    <div style="display: table-row">
        <div style="display: table-cell">Row 1 Cell 1</div>
        <div style="display: table-cell">Row 1 Cell 2</div>
    </div>
    <div style="display: table-row">
        <div style="display: table-cell">Row 2 Cell 1</div>
        <div style="display: table-cell">Row 2 Cell 2</div>
    </div>
    <div style="display: table-row">
        <div style="display: table-cell">Row 3 Cell 1</div>
        <div style="display: table-cell">Row 3 Cell 2</div>
    </div>        
</div>

Select allOpen in new window