yui_room9

Есть несколько вариантов

Canvas
1) Использовать proxy для изображения, тогда оно будет с вашего сервера
2) Взять изображение, попиксельно перерисовать на Canvas, сделать toDataURL

SVG
1) Здесь библиотека перерисовывает SVG на Canvas http://code.google.com/p/canvg/, а с Canvas уже toDataURL

Тогда вам надо фильтры glow и dropshadow и через них делать.

Glow
DropShadow

Да, через 'filter: Shadow(color,direction,strength);' если я не ошибаюсь, но он разительно будет отличатся от нормального text-shadow, к томуже если я правильно помню то в IE дети тоже наследуют text-shadow

Есть как миннимум 2 способа для ширины оба не очень нормальные и 1 для ширины и высоту самый хороший но незнаю возможен ли в вашем случае

Для ширины
1) Самый простой но и кривой,
Делаете div как подложку с position absolute и z-index -1, в него кладёте img с бэкграундом
div и img должны быть width,height — 100%, узор нужно само сабой немного подготовить, то есть будет сам узор обрезан и продолжением его будет уже background у body

2) Слева и справа у вас почти повторяющийся узор, если можно привести к повторяющемуся то выравнимаем background по центру, при этом картинка долна быть размером гдето 3000 по ширине, и то что у вас сейчас в посте должно быть по центру этой картинки, остальное узор

Самый нормальный
Если узор повторяется или большой по размеру, ставьте узор на background облака будут отдельно, для шапки прозрачная png с облаками, для футера sticky и тоже прозрачная png

Если что то плохо написал могу пояснить подробней