ieでの微妙な隙間(CSS)

質問

以下のソースでhtmlを表示するとie6でpage_topとfooterの間に
3～5pxほどの隙間が開いてしまいます。
しかしfirefoxで表示すると隙間なく表示されます。
特にmarginなど指定していないので何が原因なのかが全くわかりません。
どのようにしたらie6でも隙間なく表示できるようになるでしょうか？
以下ソースの抜粋です。宜しくお願いします。

//CSS
#page_top {
clear: both;
width: 900px;
height: 24px;
margin: 0 auto;
padding: 0;
background: #fff;
text-align: right;
}

#footer {
width: 900px;
margin: 0 auto;
padding: 10px 0 5px 0;
background: #fff url(img/footer_bg.gif) repeat-x;
text-align: center;
}

//html
<div id="page_top">
<a href="#top">
<img src="img/btn.gif" alt="ボタン" width="114" height="24" />
</a>
</div>
<div id="footer">
あいうえおかきくけこさしすせそ・・・
</div>

回答No.2

CHI-512

こんにちは。
*{margin:0;padding:0;}はオススメできません。

<div id="page_top">
<a href="#top">
<img src="img/btn.gif" alt="ボタン" width="114" height="24" />
</a>
</div>
を
<div id="page_top"><a href="#top"><img src="img/btn.gif" alt="ボタン" width="114" height="24" /></a></div>
で直るかも？
IE6は<a>や<img>などのインラインタグの後の改行を半角スペースと捉える場合があるので、上記のように改行せずにコードを表記することで余計なマージンが消えることがあります。

お試し下さい。

回答No.1

noname#65286

それぞれのブラウザの初期設定をクリアするために
*{margin:0;padding:0;}
をCSSの最初に書くと良いようです。