Why does the drop-down menu cause other blocks to sausage?

Question

css

I made a menu using JS and CSS, when I open it, it starts to sausage and, in principle, the entire site. What's the problem? (It's better to look directly in jsFiddle, for some reason everything works fine here)

Answer 1

In .header change margin to padding