Почему flex внутри table-cell в Firefox отображается некорректно?

Question

[jasy]

Главный блок container отображается как таблица, имеет одну строку, внутри которой две ячейки table-cell: aside (левый сайдбар) и content.
Внутри content для отображения постов используется flex-container.
В Firefox содержимое элемента aside сдвигается вниз на величину высоты содержимого flex-container.
В Chrome и Opera все отображается корректно.
Если делать на дивах c float:left для aside и float:right для content, то содержимое aside также отображается корректно.
Меня интересует, можно ли пофиксить для Firefox, если flex-container располагается внутри таблицы?

codepen.io/Lemon007/pen/OXvWdB

Comments

[Виолетта Морозова]

Немного не в тему, но почему Вы именуете элементы по id, а не по классам?

Answer 1

[gleendo]

Так? codepen.io/evg_/pen/WxzXaP

Comments

[jasy]

да. спасибо. что-то подобное было надо.