HTMLタグ リストの入れ子とNetscapeについて

質問

HTMLソースにおけるリストの入れ子とNetscapeについて

更新履歴を作成したく、リストの入れ子を作成しました。
Netscape以外のブラウザ（IE8、Opera、Safari、FireFox）では期待通りの表示になったのですが、Netscapeのみ表示が異なります。

以下ソース
-------------------------------------------------------
[html]

<ul id = "Style_NonIndex">
<li style="font-size:12px">*最終更新*</li>
<li><ul id = "Style_NonIndex">
<li class = "List_Date">2000/00/00</li>
<li class = "List_Comment">ccccの更新</li>
</ul></li>
</ul>
<br><br><br><br>
<ul id = "Style_NonIndex">
<li style="font-size:12px">*更新履歴*</li>
<li><ul id = "Style_NonIndex">
<li class = "List_Date">2000/00/00</li>
<li class = "List_Comment">aaaaの更新</li>
</ul></li>
<li><ul id = "Style_NonIndex">
<li class = "List_Date">2000/00/00</li>
<li class = "List_Comment">bbbbの更新</li>
</ul></li>
</ul>
-------------------------------------------------------
[css]

#Style_NonIndex {
margin-top:0px;
margin: 0px;
padding: 0px;
list-style: none;
font-size: 10px;
font-family: MSゴシック;
color: #696969;
}

.List_Date {
float: left;
width: 70px;
text-align: left;
font-size: 12px;
margin: 0px;
padding: 2px;
list-style: none;
}

.List_Comment {
float: left;
width: 250px;
text-align: left;
font-size: 12px;
margin: 0px;
padding: 2px;
list-style: none;
}
-------------------------------------------------------

[予想表示]

*最終更新*
2000/00/00　　ccccの更新

*更新履歴*
2000/00/00　　aaaaの更新
2000/00/00　　bbbbの更新

-------------------------------------------------------

[Netscapeの表示]

*最終更新*
2000/00/00　　ccccの更新

*更新履歴*
2000/00/00　　aaaaの更新　　2000/00/00　　bbbbの更新

-------------------------------------------------------

他のブラウザでの表示は問題ないのですが、Netscapeのみ横リストとして表示されます。
表示が異なるのはNetscapeの仕様でしょうか？
それとも指定方法がおかしいのでしょうか。
大分煮詰まってしまったので、アドバイスをお願いいたします。

回答No.1

salonpath

Netscape入れてないですし、バージョンも書かれてないので想像で書いてます。
.List_xxx系のfloatが解除されてないようなので
Style_NonIndexにclear:bothを入れてみたらどうなりますか？
それかStyle_NonIndexにwidthを指定する。

本件とは関係ないですけど
cssの書き方としてID「Style_NonIndex」が何度も出てくるのは変です
classに変えた方が良いです。

Netscapeはバージョンによってcssのセレクタに「_（アンダーバー）」が混ざってるとcssを無視するらしいので対応させようとしてるNetscapeにそのバグがあるのなら「_（アンダーバー）」を使わない名前に変更する必要があります。

お礼

ご回答ありがとうございます。

>Style_NonIndexにclear:bothを入れてみたらどうなりますか？
>それかStyle_NonIndexにwidthを指定する。
早速試してみましたが、残念ながら改善は見られませんでした。

>cssの書き方としてID「Style_NonIndex」が何度も出てくるのは変です
>classに変えた方が良いです。
>Netscapeはバージョンによってcssのセレクタに「_（アンダーバー）」が混ざってるとcssを無視するらしいので対応させようとしてるNetscapeにそのバグがあるのなら「_（アンダーバー）」を使わない名前に変更する必要があります。
ご指摘ありがとうございます。
こちらもアドバイスを元に修正しました。

引き続きアドバイスをよろしくお願いいたします。