リストタグ firefoxでは表示されるがIE7ではマーカーが表示されない

ご教授ください。
リストタグで、<ul>と<ol>を入れ子で使っています。
firefoxでは意図どおりに表示されるのですが、IE7ではマーカーがどちらも表示されません。

[html]
（略）
<ol><li>こんなことをしています</li>
　　<li>あんなこともしています
　　<ul><li>あんなことその１</li>
　　　　<li>あんなことその２</li>
　　　　<li>あんなことその３</li></ul></li>
　　　　<li>ちょっとしたこともしてます</li>
　　<li>どえらいこともしています</li>
　　</ol>
（略）

[css]
ol {
list-style-type:decimal;
line-height:1.6em;
width:600px;
}
ul {
list-style-type:disc;
line-height:1.2em;
width:600px;
}

[firefoxでは]
1.こんなことをしています
2.あんなこともしています
　・あんなことその１
　・あんなことその２
　・あんなことその３
3.ちょっとしたこともしてます
4.どえらいこともしています
[IE7では]
こんなことをしています
あんなこともしています
　あんなことその１
　あんなことその２
　あんなことその３
ちょっとしたこともしてます
どえらいこともしています

このように表示されます。
以前、同じようにリストタグを使ったときはできたような気がするのですが、何か間違っているのでしょうか。
よろしくお願いいたします。

No.1 ベストアンサー 回答者： yambejp 回答日時： 2009/10/08 17:50

IEの伝統的なバグのようで、リスト要素にwidthを指定すると

paddingが0になるようです。
widthを指定するのをやめるか適当なpaddingを指定してみてください

<style>
ol {
list-style-type:decimal;
line-height:1.6em;
width:600px;
padding-left:40px;
}
ul {
list-style-type:disc;
line-height:1.2em;
width:600px;
padding-left:40px;
}
</style>

この回答へのお礼

ご回答ありがとうございました。
CSSにpaddingを設定したら、IE7も無事に表示されました。
きっと以前に使ったときは、無意識にpaddingを使っていたんでしょうね。
このバグは知りませんでした。
助かりました。ありがとうございます。

お礼日時：2009/10/09 11:20