Я
выбираю вот такую картинку (кстати, у неё непрозрачность - 70%, с
непрозрачностью можно "играть" и делать картинки похожими на водяные
знаки):

Отражаем картинку по вертикали и горизонтали и получаем все четыре уголка.

Если
Вы испытываете трудности при работе в Фотошопе или он просто медленно
запускается на Вашем компьтере, для отражения картинок достаточно
программы Microsoft Office Picture Manager (Диспетчер рисунков Microsoft
Office). Эта программа есть на Вашем компьютере, если на нём установлен
Microsoft Word. Её можно найти в меню Пуск ->  Все программы ->
Microsoft Office -> средства Microsoft Office.

В программе
надо воспользоваться кнопкой "Изменить рисунки" (находится примерно в
центре сверху, на панели "Форматирование", которая должна быть
включена):

После этого справа появляется вот такое меню:

Выбираем "поворот и отражение" и дальше видим именно то, что нам нужно:

Итак,
мы получили все четыре уголка. Я предпочитаю для наглядности называть
их top_left, top_right, bottom_right и bottom_left. Дальше будет видно,
что такие названия служат подсказками: что писать в коде.

Теперь
немножко изменим код Вашей рамочки. Он станет длиннее, но в дальнейшем
будет проще работать с ним, удаляя дополнительные div-ы (чуть дальше Вы
увидите, как). Итак, код:

Код
записан в таком виде для наглядности. Если будете его копировать для
использования - убирайте все пробелы между тегами, на Ярушке это важно!

Посмотрим
внимательнее на второй div. Именно он задаёт фон внутренней части
рамочки (цвет). А теперь нам надо добавить к этому фону уголки. Чтобы
сделать это, вставляем между вторым div-ом и тем, который следует за
ним, ещё четыре div-а (по одному для каждого уголка).

Результат будет выглядеть так:

Если Вам интересно, можете обратить внимание на позиционирование фона. Он не повторяется (no-repeat)
и, кроме того, занимает определённое положение в div-е - в зависимости
от того, куда надо поместить соответствующий уголок (например: bottom left для левого нижнего уголка - помните о том, как были выбраны названия файлов?).

У нас получилась вот такая рамочка:

Недостаток этой рамочки - в том, что текст должен быть достаточно длинным. Здесь в коде я добавила ещё одну вещь - свойство min-height. Оно определяет минимальную высоту рамочки и нужно для того, чтобы уголки не наползали друг на друга:

min-height:320px

Тем
не менее рамочка с коротким текстом будет смотреться не очень красиво
из-за пустого места. Поэтому для такого текста лучше использовать
"сокращённый" вариант кода рамочки, из которого убрана пара div-ов. Вы
можете оставить:

1 - только верхние уголки,
2 - только нижние уголки,
3 - левый верхний и правый нижний уголки,
4 - правый верхний и левый нижний уголки.

Допустим, мы хотим получить вариант 3. Вот что мы делаем с кодом:

Результат:

Здесь изменена также минимальная высота (min-height:120px).

Ещё
одна вещь, о которой стоит сказать: отсутпы текста. Они зависят от
того, какие картинки Вы вибираете в качестве уголков. В данном случае

padding:75px 90px,

где 75px - отступ по вертикали, а 90px - отступ по горизонтали.

Ну и ещё одна мелочь - отступы самих уголков. Для них я изменила второй div, добавив в него

padding:5px

(единственное значение - отступ со всех четырёх сторон).