Аномальное поведение css?

Question

[Михаил]

Начал изучать grid в css. столкнулся с непонятной ситуацией - https://codepen.io/AkDF03/pen/gewWJY - при наведении на пункты меню (first, second, etc) увеличивается высота строчек в таблице.
Проявляется в мозилле. В хроме такого поведения нет
поведение прекращается если:

• в стилях таблицы убрать margin-top
  
• убрать у пунктов меню :hover
  
• у .container убрать класс .grid
  
• у .body убрать класс grid
  

Что я делаю не так?

Comments

[Михаил]

пока что единственно логичным вариантов вижу обернуть таблицу а у самой таблицы этот класс убрать. Но сути вопроса это не меняет. Ведь это неправильное поведение css?

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

чот у меня не воспроизводится

[Михаил]

Виолетта Морозова, в браузере Firefox Mozilla? если да то какой версии?

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

Михаил, ой, не заметила, что в мозиле нужно чекать