IEの崩れ

質問

以下のようにリストタグの途中でbrを入れるとIEだけ崩れます
何かよい方法はないでしょうか？

<ul>
<li class="first"><span>2011</span></li><!--
--><li><a href="#">2010</a></li><!--
--><li><a href="#">2009</a></li><br />
<li class="first"><span><a href="#">2001</a></span></li><!--
--><li><a href="#">2000</a></li><!--
--><li><a href="#">1999</a></li>
</ul>

回答No.1

ORUKA1951 · ベストアンサー

そもそも、<br>は内に入れることは出来ません。
<!ELEMENT UL - - (LI)+　　　　　　-- unordered list -->
は、「要素であるULには、開始タグ終了タグとも省略できない(- -)、liのみがひとつ以上入る」と言う意味です。
10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#h-10.2 )

<ol>
　　<li><span>2011</span></li>
　　<li><a href="#">2010</a></li>
　　<li><a href="#">2009</a></li>
</ol>
<ol>
　　<li><span><a href="#">2001</a></span></li>
　　<li><a href="#">2000</a></li>
　　<li><a href="#">1999</a></li>
</ol>

ol+ol{margin-top:1em;}