Kursy Programowania i Tworzenia stron WWW

Witam. Czy opcja word-wrap w css nie działa w firefoxie? Zrobiłem stronę w której użytkownicy mogą pisać komentarze, są one zapisywane w bazie danych, filtracja purify i wyświetlane. Ponieważ uznałem, że użytkowników raczej nie będzie myślał np. o dopisywaniu <br/> jeśli chce zrobić odstęp, to komentarze są wyświetlane między znacznikami <pre></pre> (nie wiem, czy to dobry pomysł, ale nic innego mi nie przyszło do głowy - niby jest jeszcze white-space: pre, ale efekt jest chyba dokładnie ten sam). Z tym że z pre jest taki problem, że nie zawija automatycznie wierszy, przez to co strona się rozłazi. Wyczytałem jednak, że w stylach można dodać "word-wrap: break-word;" i będzie to automatycznie zawijało. I rzeczywiście, bardzo ładnie działa pod przeglądarkami chrome i ie - widzimy, że posty są sformatowane tak, jak tego właśnie chcę:



Niestety, w firefoxie to nie działa - ta sama strona wygląda fatalnie:



Robię coś źle, czy może są jakieś alternatywne rozwiązania?

Tekst się nie będzie zawijał poprawnie jeśli nie spacji między słowami, czyli tak jak w Twoim wypadku, gdy spamujesz jedną literkę bez spacji.

Możesz sobie z tym poradzić np. nadając "overflow: hidden;"