Выравнивание нескольких таблиц по горизонтали с использованием CSS или HTML для более ранних версий IE (6,7,8)

Мой код отлично работает для IE 10 и более поздней версии, а также в Chrome и Firefox. Но пользователи в основном используют либо низкую версию IE. Помимо этого, большая часть кода, созданного для более низкой версии IE. поэтому даже с IE 10 они должны использовать режим совместимости. Мне нужно выровнять несколько таблиц бок о бок. Я создаю таблицы HTML с помощью кода. Таким образом, та же таблица в элементе управления используется несколько раз на веб-странице.

В IE10 хром, firefox - свойство отображения, установленное как Inline-Block, работает нормально. Однако он не обнаруживается в режиме совместимости.

Любое предложение поможет.

благодаря

Ниже приведен тестовый код, изменяется только содержимое внутри таблицы. Я не смог вставить свой DIV с остальной частью кода. Поэтому я помещаю скобки вокруг основного блока div

{div id = "scroll3" style = "overflow-x: прокрутка, переполнение-y: прокрутка, высота: 300 пикселей, пробел: nowrap;"}

    div style="width:auto;"
    table style="display:inline-block;">
    <tr>
    <td>
     <asp:Image ID="Image7" runat="server" ImageUrl="~/Images/7.jpg" />
    </td>
    </tr>
    </table>
    <table style=" width:500px; display:inline-block;">
    <tr>
    <td>

    <asp:Image ID="Image10" runat="server" ImageUrl="~/Images/10.jpg" />
    </td>
    </tr>
    </table>
    <table style="width:500px; display:inline-block;">
    <tr>
    <td>
    <asp:Image ID="Image8" runat="server" ImageUrl="~/Images/8.jpg" />
    </td>
    </tr>
    </table>
    <table style="width:500px;display:inline-block;">
    <tr>
    <td>
    <asp:Image ID="Image9" runat="server" ImageUrl="~/Images/9.jpg" />
    </td>
    </tr>
    </table>
    <table style="width:500px;display:inline-block;">
    <tr>
    <td>  &nbsp;&nbsp;&nbsp;
    <asp:Image ID="Image11" runat="server" ImageUrl="~/Images/11.jpg" />
    </td>
    </tr>
    </table>
    <table style="width:500px;display:inline-block;">
    <tr>
    <td >
    </td>
    </tr>
    </table>
     <table style="width:500px;display:inline-block;">
    <tr>
    <td>
    &nbsp;&nbsp;&nbsp;
    <asp:Image ID="Image12" runat="server" ImageUrl="~/Images/12.jpg" />
    </td>
    </tr>
    </table>
     <table style="width:500px;display:inline-block;">
    <tr>
    <td>

    &nbsp;&nbsp;&nbsp;
    <asp:Image ID="Image13" runat="server" ImageUrl="~/Images/13.jpg" />
    </td>
    </tr>
    </table>
     <table style="display:inline-block;">
    <tr>
    <td>

    &nbsp;&nbsp;&nbsp;
    <asp:Image ID="Image14" runat="server" ImageUrl="~/Images/14.jpg" />
    </td>
    </tr>
    </table>
     <table style="width:500px;display:inline-block;">
    <tr>
    <td>
     &nbsp;&nbsp;&nbsp;
    <asp:Image ID="Image15" runat="server" ImageUrl="~/Images/15.jpg" />
    </td>
    </tr>
    </table>