too much padding at top of page

I have modified the modxhost template, mainly images only to suit my site design hosted at www.ritualscreative.com/index.php. The complete url is necessary since my static html site is still hosted and once I iron out the bugs I am facing I will populate the modx installation with my content.

When I click on a link or refresh a page, IE and Mozilla do not take me to the top of the page and go a bit lower on the page whereas Opera doesn’t have this problem. I have a big header image and tweaked the padding in modx layout.css to start the content below the header image. If I remove this padding my pages don’t face this problem, but my content goes behind the header image and starts at the top of the page thereby a lot of it not being visible.

I have tried a lot of things but can’t get my hand on the right code to sort this out. Help, anyone?

I have a similar problem; it has to do with a login form and the page automatically scrolls down on load until the username field is exposed. Don’t know it that’s the same thing, though.