Настройка <pre> и <code> для избегания скроллинга

Бывает ситуация, когда строки текста внутри <pre> и <code> слишком длинные, а шаблоном задана фиксированная ширина этих блоков, то появляется горизонтальная прокрутка.

На самом деле все так и было задумано, но в некоторых случаях это не позволительно и бывает нужно, чтобы не было ни горизонтальной прокрутки и не разъезжался сам блок вывода кода.

Нужно:
1. стилевой файл (есно, основной, но если жанные контейнеры у вас в другом стилевом файле - то мучайте его)
2. блокнот
Механизм:

Код (CODE):

1. pre, code {  
2.     white-space: pre-wrap;           // порадуем css-3
3.     white-space: -moz-pre-wrap;  //для Mozilla, начиная с 1999 года
4.     white-space: -pre-wrap;          //персонально для Opera 4-6
5.     white-space: -o-pre-wrap;      //а это для  Opera 7 и выше  
6.     word-wrap: break-word;         //мелкомягкие Internet Explorer 5.5 и выше тоже не забыты. Работает точно на 6 и 7 ишаке, про 8 сказать ничего не могу ибо его у меня нет
7. }

ваш код будет красиво переносится на следующую строку

P.S. По традиции тестировано на денвере и joostina 1.1.4