”inline-block”について

質問

コンテンツを<div id=wrapper>で入れ子にし、
wrapperのbackground-imgを”display：inline-block；”で設定することにより、
コンテンツの量に合わせて、背景がコンテンツ全体を覆うようにしています。

※なぜかdisplay：inline-blockにしないと背景がうまく表示されなかったので、そのような設定にしました。

そこで、小さな問題点が2点ございます。

1点目は、ヘッダーとwrapperの間に20pxほどの空白（隙間）ができてしまいました。
display：inline-blockを解除すると隙間は消えました。

2点目は、これはgooglechromeのみでの不具合ですが、
フッター”以下”に空間ができてしまい、スクロールがフッターまでで止まらず、フッターの下までスクロールするようになってしまいました。
（1000pxほどスクロールすると止まります）

これらの不具合の原因は何で、どのようにすれば解消できますでしょうか？
ぜひお知恵を貸していただきたいと思います。

回答No.1

4017B

情報が少なくて良く分かりませんが…。

＞問題1
CSSの「display:inline-block;」って、適用してるHTML部分に改行（<br>ではなく普通の改行）が含まれてると、確か意図しない変な隙間が出る様な気が…？

＞問題2
自分はレベル5のエスパーじゃないので、実際のHTMLコードを見ないと何も分りませんね…。見ても分らないかも知れませんが(笑)。