【IE6にて】あるはずのない文字が表示されてしまいます。

質問

タイトル通り、HTMLに記述してい以上の文字が表示されてしまいます。
以下がHTMLの記述の一部です。
<ul>
<li><a href="http://…">●●●●●●</a></li>
<li><a href="http://…">●●◆◆</a></li>
</ul>
この箇所のCSSは文字サイズとmarginを設定しています。
そして上記の内容をサイト上で見ると下のように表示されてしまいます。

サ|　　　　　　　　　　　　　　　　　　　　|サ
イ|　　　　　　　　　　　　　　　　　　　　|イ
ト|　　　　　　　　　　　　　　　　　　　　　|ト
左|　　　　　　　　　　●●●●●●　|右
端|　　　　　　　　　　　　　●●◆◆　|端
　|　◆◆　　　　　　　　　　　　　　　　　|
　|　　　　　　　　　　　　　　　　　　　　　|

上のように右端の◆◆部分だけが左下にさらに表示されます。
試しにこの◆◆の上にマウスカーソルを置いてみると
ひとつ前に出てきた●●◆◆と◆◆が１つのリンクであると認識されます。
firefox、opera、IE7,8では通常通り表示されるので、IE6のバグだとは思うのですが…。

長くなりましたが解決策があればよろしくお願いします。

回答No.2

ra_ra_ra · ベストアンサー

「IE6 コンテンツ複製」で調べてみましたら、下記のサイトがひっかかってきました。
同じ現象だと思いますが、floatはかけてないんですよね…？
参考になるかもしれないので、URLを貼り付けておきます。

参考URL：

http://hane.itigo.jp/archives/60

お礼

回答ありがとうございます！
これのおかげで無事解決しました！
ばっちりfloatかけてました^^;コメントを消すだけで消えるなんて。
本当にありがとうございました！

回答No.1

noname#100277

自動改行されてるのでは？
CSSで自動改行をさせない指定をしたらどうでしょうか？
IEハックで実行するのが良いと思う。

お礼

回答ありがとうございます！
試してみましたが結果は変わりませんでした。何か違う理由みたいです。
IEハックではありませんが、CSSはIE6とIE7とそれ以外で分けているので大丈夫かと思います。