以下のコードは、Firefox と、Chrome や Safari などの他のブラウザの両方で html として表示してください。
[ ] ( ) およびその他の \W 文字により、単語の折り返しが早すぎる折り返しを生成するようです
firefox で指定されているように、word-wrap は完全に実装されています。
<style>
div.working {background:blue; height:400px; width:130px;}
div.notWorking {background:red; height:400px; width:130px;}
div {oveflow:hidden; word-wrap: break-word; font-family:monospace}
</style>
<div class="working">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="notWorking">[X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X]</div>
ご協力いただきありがとうございます