display：inline-block似乎在Internet Explorer 9中不起作用

Question

我想要一个带有可固定标题的可滚动主体的表。

这是我的HTML代码。我也在使用粉底。

<div class="large-10 medium-10 small-12  row">
        <table style = "height: 13% !important;">
            <thead>
                <th style="width:150px">Customer TKN</th>
                <th style="width:150px">Customer Name</th>
                <th style="width:150px">Meter Read Date</th>
                <th style="width:100px">Bill Amount</th>
                <th style="width:100px">No. of Billing Accounts</th>
                <th style="width:100px">No. of Active Accounts</th>
                <th style="width:100px">No. of Processed Accounts</th>
                <th style="width:150px">title</th>
            </thead>
<tbody id="rec_tab_boby">
        <tr>
                    <td id="cust_id" style="width:150px">1234</td>
                    <td style="width:150px">Mark Jack</td>
                    <td style="width:150px">2015-08-20</td>
                    <td style="width:100px">23.55</td>
                    <td style="width:100px">5</td>
                    <td style="width:100px">4</td>
                    <td style="width:100px">4</td>
                    <td class="status-for-popup" style="width:150px">22</td>

                </tbody>
        </table>

这是我的css

#rec_tab_boby{
    height: 80% !important;
    overflow-y: scroll;
    display: inline-block;
    width: 64rem;
}

代码在chrome和in 10以及更高版本中工作，但它在ie 9中不起作用。 可能是什么问题？

我觉得即9不显示：内联块。