他のブラウザでは全く問題ないのに、ie6でだけ謎の文字が出てくる

再現するとこんな感じです。

「ちら」?
なんだこれは。
ie6だけだし、ページ内に不安定なflash埋め込んでたからそれのせいかなぁと、削除してみても直らない。
ソースで変な所もないし、IETesterを再起動させてもダメ。
そもそもIETesterがダメなのかもと、ie6のPCで見ても、
やっぱり「ちら」がいるんです。
やっと、バグかもと疑い始めて調べようと思っても、これどう検索すればいいんだろう・・
「ie6 テキスト バグ」とか調べてたら、詳しい記事を見つけました。
http://watakushigoto.com/blog/index.php?e=15(ワタクシゴトブログさん)
なんだ有名なバグだったのね・・
どうやらfloatを多用したり、そのdiv近辺にコメントがあるのが良くないみたいです。
親divの中にfloatした子divがキチキチ(差が3px未満)だとダメらしい。
margin-right:-3px;などを記述すれば、しっかり対処できるようですね。
うーんでもなんとなくie6の為だけに、ネガティブマージン使ったりしたくないなぁ。
と思ったので、アホらしい・・と思いながら周りのコメントを消してみました。
こんなんで直ったら苦労しないよ…って、直った!
なんか自分がわかりやすいようにコメント残しただけなのに、見た目に影響しちゃうなんて、
つくづくアレなブラウザだなぁ・・なんてねー
どうしてもコメントを残す必要がある場合は、
みたいにすると、ieに影響は出ないようです。
それでもダメな場合は、margin:-3pxを試してみてください。
それでもダメそうなら、このバグ自体は「Explorer 6 Duplicate Characters Bug」という名前なので、
調べてみてください。
では。自分用のメモも兼ねて、今日は終わりですー

BUG/バグ
実践バグ管理―プロジェクトを成功に導くための