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

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

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

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