Joomla 2.5 настройка GeSHi для вставки кода в материал

[Valery]

Есть на сайте моя статья содержащая код скрипта Персональные иконки для SMF 2 - Sprite custom board smf 2 icons, и стал я искать разные плагины которые могли бы этот скрипт отобразить по человечьи.... Немало их перепробовал, но ни один не делал то что нужно...
Оказалось, что можно все сделать используя стандартный плагин GeSHi - (Generic Syntax Highlighter).  GeSHi плагин ни чем не хуже аналогичного расширения от стороннего разработчика.

Код в статье обрамляется тегами:
  <pre xml:lang="php">ЗДЕСЬ ПИШЕМ КОД</pre>

где lang="Код подсветки", по умолчанию плагин поддерживает 10 языков:
1. css
2. diff
3. html4strict
4. ini
5. javascript
6. php
7. mysql
8. php-brief
9. sql
10. xml

Но не все так здорово, при вставке кода в материал Joomla 2.5 - код рвет шаблон:


Чтобы этого не было, в css шаблона добавляем стиль:

Код: Выделить всё

pre{background:#EDEDED;background-color:#F6F6F6;border-bottom:1px solid #D3D3D3;border-left:4px solid #888;border-right:1px solid #D3D3D3;border-top:1px solid #D3D3D3;font-size:11px;font-size-adjust:none;margin-bottom:10px;overflow:auto;padding:2px 10px;width:595px;}

И у кода появляется прокрутка, а сам он вписывается в размеры шаблона: