Почему Chrome не видит position:relative?

Question

[Nikita Shchypylov]

Скриншот работы блока в Firefox : joxi.ru/Dr83lvBTdXVDA6

А вот так в Chrome : joxi.ru/823LJbBigWEXAO
Это табличная верстка, вот код :

<tbody class="review-list-item ">
  <tr class="review-list-item-row metro-feedback-properties ">
    <td class="feedback-number">{$item.mall}</td>
    <td class="date">{$item.created_formated.full}</td>
</tr>
</tbody>


tbody {
    position: relative;
    height: 105px;
    margin: 0 0;
    padding: 10px;
    background: white;
}
.second-text {
        position: absolute;
        top: 50px;
    }

Текст, который в хроме ушел вверх - это .second-text. У него есть position:absolute и так впечатление, что хром не понимает position:relative у tbody.
Есть идеи как лечить?
Спасибо

Comments

[Сергей]

Можно ссылку на сайт или кодпен?

[Михаил]

почему вам вообще понадобилось использовать absolute, почему не вставить этот блок после таблицы?

[Nikita Shchypylov]

Михаил: потому что таких блоков бесконечность

[Nikita Shchypylov]

Сергей: Сергей: на закрытом фтп лежит( а на кодопен нельзя переменные php вставить

Answer 1

[Евгений Кузовлев]

Таблицы не поддерживают relative

https://www.w3.org/TR/CSS21/visuren.html#propdef-p...
The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined.

Comments

[Nikita Shchypylov]

Почему же в Mozilla они заработали?

[Евгений Кузовлев]

Nikita Schipilov: я думаю вы найдете еще много вещей, которые работают в одном браузере и не работают в другом