Why is indentation crooked in FireFox?

Question

css

Have a nice day, everyone!
Faced with the problem of indentation from the header in FireFox (and Opera - not stable, just repeated a couple of times).
If you open the page from the start page , then everything is in order - click on "About the system" and on top we see the normal indent from the header - as it should be.
But if you refresh the page with ctrl+f5 or open it like this , then the block is immediately shifted up, under the header.
I suspect the problem is in the #, i.e. this is how the browser interprets and how it scrolls the page to it, but I need nothing to change - there must be an indent.
How to fix it?

Answer 1

Something like this should help

$(document).ready(function () {
  window.scrollTo(0,0);
});