floatを使ってリストを並べたところ

質問

floatを使ってリストをならべたところ、それ自体はちゃんと表示されるのですが、別の部分がIEで表示されなくなりました（FireFoxでは表示されます）。
float要素を取り払うと、消えてしまう部分はちゃんと表されているので、floatに何か問題があるようなのですが…。

お分かりになられるかた、ご助言いただければ助かります。
以下、記述を書きます。

CSS記述

.catch{
margin:10px;
font-size:20px;
}
.w-icon ul{
list-style-type:none;
margin:0px;
}
.w-icon li{
float:left;
text-align:center;
}
.w-icon a{
display:block;
width:110px;
height:25px;
text-decoration:none;
}

HTML記述

<div class="catch">キャッチコピー</div>
本文
<div class="w-icon">
<ul>
<li><a href="#">メニュ－１</a></li>
<li><a href="#">メニュ－２</a></li>
<li><a href="#">メニュ－３</a></li>
</ul>
<div style="clear:both;"></div>
</div>

以上のように記載したところ、キャッチコピーの部分から本分の途中までブランク表示になります。
カーソルで選択すると文字は出てくるのですが…。
どうぞよろしくお願い致します。

回答No.2

MAN_MA_RUI · ベストアンサー

> ちなみにSeamonkyでもチェックしましたが、IEだけこのような現象が起きてます。
SeaMonkeyはFirefoxと同等なので比較する意味は少ないです。細部のチェック目的で動作確認するのはいいけど。

> IEのバージョンは6.028、OSはWindows2000を使っています。
うちがXPIE6で問題なかったから他の部分に問題があるのかも？（DOCTYPE宣言etc...）

お礼

検証していただいてありがとうございました。
またお礼が大変遅くなって申し訳ないです。

結局、何が原因かまだ不明なままです。
ひとまず別方法で逃げれましたが、これは課題ですね。
ありがとうございました。

回答No.1

MAN_MA_RUI

んぐ？私の環境ではならないけどなぁ？
環境要因かはたまた他に原因があるか或いはバグかのどれかだと思います。
分からなかったらIEのバージョンとかOSとか提示してください。

あとついでに言うとFireFoxって言うなって公式が言ってるんで気をつけましょう。
http://www.mozilla-japan.org/support/firefox/faq#spell-abbreviate

お礼

早速の書き込み、ありがとうございます。
IEのバージョンは6.028、OSはWindows2000を使っています。
実は前にも同じようなことが起きて、別の記述で逃げたのですが、今回再び発生したので解決を試みています。
ちなみにSeamonkyでもチェックしましたが、IEだけこのような現象が起きてます。

あと、Firefoxのスペル、ご指摘ありがとうございます。
こんな公式メッセージが出ているは知りませんでした(^^；
以降、気をつけます。