リストタグ 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 · ベストアンサー

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を使っていたんでしょうね。
このバグは知りませんでした。
助かりました。ありがとうございます。