Word-break:break-word not working in Firefox 21

Question

I've added word-break:break-word to the comments on my site to start breaking up the words when they overflow the comment box, but it doesn't appear to be working in Firefox. I've done a JS fiddle of the setup and it does work. So something must be conflicting but I can't find it for the life of me.

JS Fiddle (working): http://jsfiddle.net/F6K99/6/

Live problem: http://bit.ly/13NcY5F

Solution 1

You can achieve this by the following:

A. Use word-break:break-all; instead of word-break:break-word;

WORKING SOLUTION

B. Or, Use word-wrap: break-word; instead of word-break:break-word;

WORKING SOLUTION

As far as I know, word-break does not have break-word attribute.

Hope this Helps.

Solution 2

You have to use the following CSS.

word-break:normal;
word-wrap:normal;

This will work for both Chrome, Firefox.

Solution 3

u hv to use word-break:break-all;..it should work after that.