CSS:ボックス内でaタグのリンク文字列を折り返したい。

質問

お世話になっております。
grandswellと申します。

div指定したボックス内に
<a>でボックスの横幅を超える
長いリンク文字列を設定すると

IE：
<a>リンク文字列がボックス内に収まるよう
ボックスが横に拡張される。

Firefox：
<a>リンク文字列はボックスからはみ出る。

といったように両者挙動が違います。
これによりIE側の画面全体レイアウトが
崩れてしまい困っています。

下記設定ができる方法をご教示ください。
------
IE、Firefoxとも
<a>のリンク文字列をボックス内で折り返す。

もしくは
IEで
<a>リンク文字列はボックスからはみ出る。
------

回答No.1

trisagion

根本的な解決方法は無かったような気がします。
英単語の処理等ブラウザの仕様が原因ではなかったかと記憶しています。

解決策とは言い難いですが、ボックス内に入る大きさ毎に<WBR>タグを挿入すれば、収まらない場合は改行されると思います。(文字サイズによって位置は変わるので、場合によっては一文字毎という力技になりますが・・・)

お礼

ご回答有難うございます。
<wbr>タグの検討してみます。