ieで縮小すると背景が消える。

質問

はじめまして。

firefoxで見ると縮小するとそのまま中央に縮小されるのですが、ieで縮小するとなぜか左上を基準に縮小され、フッターの背景が消えてしまいます。

ヘッダーにも一面背景を指定しているのですが、ヘッダーは消えることがありません。
簡単にですが、絵を描きます。

□□■■■■□□
○○●●●●○○
○○●●●●○○
○○●●●●○○
○○●●●●○○
□□■■■■□□

□や○などの白抜きはｓ100%で■や●の黒に幅を指定し、■のヘッダー、フッターにそれぞれ背景を指定しています。
わかりにくいかもしれませんがどうかよろしくお願いたします。

以下がヘッダーとフッターのそれぞれのCSSの記述です。
どうかよろしくお願いいたします。

#head{
width:950px;
margin: 0px auto;
}
#head h1 {
float: left;
margin: 0;
padding: 0;
}

#head .head_box01 {
width: 776px;
background-image: url(images/head_02.gif);
height: 99px;
float: left;
}

#foot{
width:950px;
clear:both;
margin: 0px auto;
background-image: url(images/footer.gif);
}
#foot p{
float: right;
padding: 60px 50px 0 0;
font-size: 80%;
color: #FFFFFF;
}
#foot ul {
}
#foot li {
float: left;
}

回答No.2

salonpath

え～と、そのソースだけで症状を再現することが出来ますか？？？
確認してるIEのバージョンは？

>>実際にはliなどは使用していませんでした。
「など」と言われると、他にも使用してないソース、タグ、プロパティがあるわけですよね？それはどこですか？
実際に使用しているcssがどの部分かこちらには全くわからないので全く意味がないです。

とりあえず
フッターの背景を指定している箇所にお好みのheightを指定してみてください
たとえばheight:100px;を
---
どっちが実際に使用してるフッターか分からないので両方例にあげます
#foot{
height:100px;
width:950px;
clear:both;
margin: 0px auto;
background-image: url(images/footer.gif);
}

#wrap_foot {
width:100%;
height:100px;
clear:both;
background-image: url(images/f_bg.gif);
}

回答No.1

salonpath

htmlは？

#foot pの
font-size: 80%;
はずしてみるとどうなりますか？
あと#foot li はちゃんとclearしてる？

お礼

ありがとうございます。
実際にはliなどは使用していませんでした。
申し訳ございません。

<!-- ********* フッター ******** -->

<div id="wrap_foot">
<div id="foot">
<p>Copyrihgt(c)2003-2009 United World Music Co., Ltd. All Rights Reserved.</p>
</div>
</div>

以上が、htmlになりますが以下記入漏れでした。
#wrap_foot {
width:100%;
clear:both;
background-image: url(images/f_bg.gif);
}

以上、改めてなにとぞよろしくお願いいたします。