Всем привет, я извращенец.
Ищу решение на такую задачу:

#content - с текстом растягивается в ширину и высоту, легко позиционируется в любом месте относительно графического фона. Дочерний для энного контейнера со слоями .bg_lvl2.

.bg_lvl2 - группа слоев, содержащих графический фон непосредственно под #content. Дочерний для энного контейнера с .bg_lvl1. Фон сложный (4 граф угла). Непрозрачный. Растягивается соответственно за #content в высоту и ширину. (Вложенные дивы, ага, знаю.)

.bg_lvl1 - группа слоев, содержащих графический фон с полупрозрачностью (обрамляет .bg_lvl2). Фон сложный (4 угла, циклы по бокам) Растягивает в длину и ширину за bg_lvl2 и #content.

У кого какие идеи?

Первая - соединить фоны друг с другом и сделать float с % шириной (тогда #content зависит от родительского дива).

Вторая - использовать js, чтобы слои с разными z-index синхронно меняли ширину и высоту относительно #content.

Сделал 3мя различными способами, везде слишком много кода (пучки дивов).
Помню, есть способ применения к div с помощью CSS любого количества изображений, без вложенности. Никто не может напомнить?