Opera ol listのバグに引っ掛かったｗ
序列リスト（olリスト）の中の１行目がブロック要素だと、２行目のインラインが自動改行されず、nowrap状態で枠からハミ出る・・・
ulリストだと問題ない。※ 最新の Opera v12.00 でも確認済 2012/06/17
<ul style="width:150px;">
<li><p>オペラのテスト オペラのテスト</p>
オペラのテスト オペラのテスト</li>
<li>オペラのテスト オペラのテスト
<p>オペラのテスト オペラのテスト</p></li>
</ul>
<ol style="width:150px;">
<li><p>オペラのテスト オペラのテスト</p>
オペラのテスト オペラのテスト</li>
<li>オペラのテスト オペラのテスト
<p>オペラのテスト オペラのテスト</p></li>
</ol>先頭項目として、<h3>などで見出しだけを簡易マークアップすると起る現象ですｗ
手抜きせずに、List内の全てをブロック要素でマークアップ。
（とはいえ、小さなリストなら良くあるパターンかも・・・）
今回は、List内を定義リストでマークアップし直して回避しました。（これもIE6-7でバグる）
ブロック要素に続くテキストをブロック要素にしていないのが問題ですが、
１行目のブロック要素を display: inline; でも回避だけならできるかな。
List関係のバグは、旧IEも酷いですが、
Operaでも、olリストをネストすると番号が違ってくるバグもあります。
コメント