ロゴ文字

包括ブロックに padding-top:1pxを

このページも包括ブロックに、margin:0 auto; padding-top: 1px; width: ○○px のプロパティと、この位置へリンク(ジャンプ)させるためのid名を付けているのですが、この padding-top:1px (1pxではなくとも) がないと、下にある「ページTOPへ」というところを押しても上下位置が微妙に上手く行かないのです。

包括しているdivの直下にあるh1タグのマージントップ (デフォルト値) が無視されてしまい、h1タグの中にロゴ画像が入っているのですが、そのロゴが画面のてっぺんにピタッと付いてしまいます。

ロゴの上に少しであろうと隙間が欲しいときは、何故だか分かりませんが、こうすると上手く行きます。hタグだからでしょうか・・・
スクロールして上に持って行く分には関係ありません。id位置へジャンプさせる時だけです。

イメージ