move content to start below a fixed menu-header

I use the following to fix my menu bar at the top of the page…

.menu-header_menu-container {position: fixed; background-color: #fcfcfb; width: 1200px; top: 0px; padding: 20px 1200px 24px 0;}

and then add padding to my site title…

h1#site-title {width: 226px; margin: 110px auto 0px auto; border-bottom: none;}

…shifting it down the screen below the menu-header – and everything else following then flows beneath that, all fine and ok.

My problem is when I click on a -more- tag the page jumps up so the -more- anchor position is at the very top of the screen underneath the fixed menu so hiding several lines of unread content.

When clicking the more tag link how can I get the page to jump up directly lower down below the menu-header, not hidden underneath it?

I’ve tried adding padding-top to body, #page, #primary, #content, this does shift the top of the content down, but clicking a -more- tag still jumps the content up to the very top of the screen – hiding content under the menu-header.

Is there a way rather than adding padding, to force #page, #primary, #content, to start lower down – rather than adding padding-top or margin-top? or another way to solve the -more- tag problem.

[BTW I do want the content to jump up to the -more- tag position, I don’t want to disable that effect.]