Why does navigation stop on a non-block?

Question

css

There is a navigation menu with smooth transitions through the items. But for some reason, the stop does not occur on the block itself, but a little lower. Headers are not included. How to fix this?
Analogy via JSFiddle .

Answer 1

You need to subtract the height of the menu, here is an example