Таблица не будет отображаться в ie7

Question

По некоторым причинам мои таблицы не будут отображаться в IE7.Пример таблицы выглядит следующим образом:

<table class="stringingTable">
<tbody>
<tr>
<td class="selected">.</td>
<td>,</td>
<td>and</td>
<td>also</td>
<td>but</td>
<td>however</td>
<td>whereas</td>
</tr>
</tbody>
</table>

Соответствующий CSS выглядит следующим образом:

stringingTable {
    position: relative;
    width: 70px;
    height: 30px;
    background: #9A2F00;
    text-align: center;
    font-size: 0.8em;
    line-height: 1em;
    cursor: pointer;
    cursor: hand;
}

.stringingTable td.selected {
    display: table-cell;
}

.stringingTable td {
    word-wrap: break-word;
    max-width: 70px;
    display: none;
}

Таблица хорошо отображается во всех современных браузерах, но это веб-сайт для учителей в штате Нью-Йорк.(которые все используют IE7, поскольку они используют C2k )

Answer 1

версии Internet Explorer менее 8 не поддерживают свойства отображения таблицы CSS, которые включают table, inline-table и все свойства table-*. К сожалению, установив эти ячейки как display: none, вы не сможете снова отобразить их, не изменив внешний вид таблицы (так как вы не можете установить их обратно на ячейки таблицы).

Не знаю, будет ли это полезно в вашем конкретном случае, но вы можете попробовать поиграть с visibility: hidden и visibility: visible.

Answer 2

Вы используете display: none; для всех TD с, поэтому вы все скрываете. В Chrome мне тоже не показывается, если я не удалю display: none.