＜blockquote＞の中に＜p＞タグを入れてはいけないらしい

ウチのブログをIE6で見ると表示が崩れると教えてもらったので、早速調査。

原因は

<blockquote>
<p>あいうえお</p>
</blockquote>

という記述。

これ、結構有名なIE6のバグらしく、blockquoteの中にpタグがあるとインデントが左側へメリ込んでしまいます。

対処方法はblockquoteの幅を明示的に指定すればよいらしく、CSSで

blockquote {
    width:90%;
    ・・・
}

のようにしたところ、ちゃんと表示されるようになりました。

あー、早くみんなIE6を捨ててくれないかなあ・・・。