Графическая рамка вокруг меню и body - Joomla 2.5: Настройка и оптимизация

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

Вот Вам ссылка в помощь.

Кнопка "Try it yourself" - поможет решить Вашу проблему.

Спасибо, хороший сайт (добавил в закладки). Но либо я тупой, либо этот пример не решает задачи. Там везде указывается только один URL просто чуть разные стили в зависимости от браузера. А мне же нужно отдельно угол верхний-левый, верхний-правый, тайл с repeat-ом между ними и потом нижние углы так же. Как мне вставить разные картинки для каждого угла?

Думаю для Вашей задачи нужно использовать background-image. Он позволяет прописывать несколько image

Вобщем решил сделать таким способом:


   .mainmenu {
    background:
     url( images/aztec_block.png) 0 0 no-repeat,
     url(images/aztec_block.png) 0 100% no-repeat,
     url(images/aztec_block.png) -12px 0 repeat-y;
    padding: 18px;
   }
 
Но выводится только одна картинка и повторяется до конца. А вот если прописываю ещё no-repeat или позиции как зесь на примере - то картинки фона не выводтся совсем. Потому не могу вывести все три, так как без указания позиций и повторения одна первая картинка перекрывает все остальные. Кто-нибудь знает в чём проблема?

Решено. Была ошибка в коде.