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

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

 

Добиться желаемого результата можно как минимум двумя способами:
Вставить желаемый рисунок как бэкграунд кнопки;
Вставить желаемый рисунок как бэкграунд блока.