How to solve this problem with horizontal scrolling of child elements in the menu?

Question

css

Hey! Help solve the problem.
When horizontally scrolling child elements, the background disappears. Item does not stretch to the full width of the block.
Also, the btn button should always be pressed to the right border of the visible part of the menu.
https://jsfiddle.net/celtrix/0tfL8r7u/7/

Answer 1

move position: relative to .MenuMainItemGroup, background-color to the same place, since you still have the same background everywhere.
But don't do it at all if you don't want to run into some kind of difficulty all the time. For layout of tables use table.