Графическая рамка вокруг меню

[Akkianu]

Здравствуйте.

Подскажите как сверстать графическую рамку вокруг блоков? Я нашёл уже инструкции по параметру border-image, но там задаётся только толщина рамки и один URL, а мне нужно несколько. Т.е. чтобы я мог каждый угол отдельной картинкой прорисовать. В итоге хочу получить такое оформление для своего меню как на картинке ниже. Я сам фотошопер, поэтому нарисовать не проблема. А вот как вставить не пойму. Сайт на joomla 2.5. Я в коде вообще новичок и делаю всё методом тыка. Буду благодарен если подскажите как. Мне то одну сделать, а дальше уже по схеме и остальные блоки сверстаю.

[spdif]

http://htmlbook.ru/blog/dva-fona-i-bolshe

[Akkianu]

Неа, не получается

Разные боковые рамки то я могу сделать, нашёл там подходящий урок. Но мне надо углы задать ещё разными картинками и по горизонтали меню у меня тоже тянется.

[Akkianu]

Решил сделать меню статичным по горизонтали, так что сделаю как в том уроке. Но появилась другая проблема. Как только ввожу параметры позиций или "no-repeat" то картинка сразу слетает и высвечивается фон по-умолчанию. В чём может быть проблема?

Т.е. когда пишу так:

background-image:

url(../images/dark/mtop.jpg),

url(../images/dark/mbottom.jpg),

url(../images/dark/mmiddle.jpg);

То ясное дело, выводится только первая картинка и автоматом дублируется до конца блока.

А вот если пишу так:

background-image:

url(../images/dark/mtop.jpg) 0 0 no-repeat,

url(../images/dark/mbottom.jpg) 0 100% no-repeat,

url(../images/dark/mmiddle.jpg) -12px repeat-y;

Не выводится никакая, а просто фон по умолчанию.

Edited April 27, 2013 by Akkianu

[Akkianu]

Решено. Нужно было писать просто background вместо background-image.