I followed most of the advice I found on here, and finally what worked for me was the body-top:0; I had originally used just the standard header or wrapper or whatever:0px; so hats off to you and kudos good sir.
and if anyone wants to visit my humble self, feel free to wander over to
by Ezzaral: Snipped url. Please read the rules about not promoting your site.
check the margin-top and padding-top of ur each style class (especially outer)... and check the heights and min-height of each div tag... google chrome inspect functionality may be helpful to solve this...
You have to set the top-margin to a minus figure. I currently can't see a way around this issue. Everything should stay inside the DIV, especially if add "overflow: hidden;" to the CSS, but it doesn't obey this. The spacing is cause by the contents margin values. You can add a spacer element as "<p class="spacer"> </p>" to the innder top part of your DIV and set the CSS "text-size:" as "0px;" with a "margin:0;" as well.