IE6で連続した<br>が認識されないときの対処法
連続した<br>がIE6では1つの<br>として表示されることがあります。例えば、文章の行間を1行分空けたいときなどに<br>を2つ指定したりしますが、ある条件が重なるとIE6では1つとして認識されてしまいます。
◆サンプル（別ウィンドウで開きます）
発生条件
<br>を包括する要素に letter-spacing が指定されている場合に発生します。値はpxの絶対値指定でもemの相対値指定でも発生し、またネガティブ値（-5pxなど）でも発生します。
対処方法
<br>に letter-spacing: 0 か letter-spacing: normal を指定することで対処できます。
◆サンプル（別ウィンドウで開きます）
サンプルでは<br>一つ一つに指定していますが、スタイルシートで br { letter-spacing: normal } と記述しても対処できますので、CSSファイルに取り合えず記述しておくのもいいかもしれません。
IE6でfloatを指定した要素の左右marginが大きくなる（倍になる）
写真をfloatさせてテキストを廻りこませたら、IE6だけ写真の位置が違う！なんて経験ないでしょうか。
これは特定の条件が揃った際に起こるIE6のバグなのですが…はてさてその発生条件とは。
text-indentが効かない?!
とある案件で text-indet: -9999px で背景を表示させるテクニックを使用したところ、text-indent が効かない現象が起こったため、発生条件・原因・対処法をまとめます。
発生条件
text-indet が指定されている親要素に text-align: right が指定されていると発生します。
恐らくtext-alignが効くブラウザ全てで発生するものと思います。発生を確認したブラウザは、IE6～8、Firefox2～3、Safari2～3、Google Cromeです。
◆サンプル
