Как устранить баг mozilla ::after?

Question

[Николай Фирсов]

codepen.io/Me98eD/pen/azbKGe
в ie и chrome отображается как надо, а в firefox ::after анамалия какая то, блоки разъезжаются. Подскажите пожалуйста как поправить?

Answer 1

[Влад]

Вижу только, что крайние блоки прибавили в ширине у центра. Проблема тут не в :after, а в outline. border в свою очередь корректно работает.

Comments

[Николай Фирсов]

Наоборот наверное, но у outline нету outline-top, так что непонятно. А именно ширина и смущает.

[Влад]

Николай Фирсов: ну разъехалась рамка из-за outline

[Николай Фирсов]

Понял, спасибо большое! Я то сначала подумал что для ::after outline задать надо...