ol li の番号リストがIEで表示されないCSSバグ

ol liとcssを指定したのに
なぜかＩＥだけで番号リストが表示されない。。。

ハマリマシタ・・・・

FFでもoperaでもsafariでも表示されてるのに、なぜかIEだけ・・・

元々

<div class="content-body">
<h4>test</h4>
<ol>

<li>test1</li>

<li>test2</li>

<li>test3</li>

<li>test4</li>

</ol>

</div>

に対して

.content-body ol{
width:555px;
height:100%;
line-height:1.6;
float:left;
clear:both;
margin:5px 0 5px 1px;
padding:3px 0 3px 19px;
text-align:left;
list-style:outside;
list-style-type:decimal;
}
.content-body ol li{
width:545px;
line-height:1.6;
float:left;
clear:both;
margin-bottom:5px;
margin-left:10px;
}

としていたんですが

これでいくと、頭の数字が出てこない・・・

ん～～～～～と悩むこと1時間

http://pinkdragon613.blogspot.com/2009/07/ol-li-iecss.html

さにゃ。さんの「デザインの種さがし」へたどり着き

：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：

解決策として
* { zoom: 1; }
と指定して、かつ
ul, ol, li { zoom: normal; }
としてあげると即解決！！となるそうです。
：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：

あったのですが、これはちょっとスルーしまして

その下にあった

：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：

li要素にwidthを指定しないこと。

：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：

と大きい文字で書いてありましたｗ

これでやってみようと、widthを消してみた。

あれ？

まだ出てこない。

そこで

.content-body ol li{
line-height:1.6;
margin-bottom:5px;
margin-left:10px;
}

これだけの指定にしてみたところ

おろ！

来ましたね～～～

解決しました。

要は、width/float/clearは、指定しないという結論になりました

ふぅ～