またまたIE6の問題だ。
文字(画像)が複製？繰りかえされズレて表示される現象が起こった。
↓このサイトを参照して対処しようとしたが、結局自分のケースには当てはまらなかった。
http://archiva.jp/web/html-css/Duplicate_Characters_Bug.html
結果的な解決方法はいささか野暮ったくて嫌なのだが、必要ない部分が繰り返されて表示されてしまうのでは仕方がない…と
追記：
もし複製される周辺にコメントアウト（＜！－－ではじまるやつ）がある場合は、それが原因だ。削除しよう。それで解決する。
<p></p>
と繰り返される文字の直後に打ったら、消えた。
もしかすると最後に
を入れて
.exsample br{
display:none;
}
くらいでもいいのかもしれない。
とにかくfloat floatと重なって使用したときに最後のテキストがずれてしまうという現象のようなので、最後のテキストをどうにかすればいいわけなんだが。
自分の場合、
<p></p>
ではもったいなので、
<p>ブログ、おもしろい、人気、かわいい</p>
などのキーワードを入れてCSSでdisplay:none;としておいた。
ま気休めにはなるんじゃないかな。
RSS