Построение красивой рамки - Вопросы по CSS

Очень нужно сделать рамку вокруг блока при помощи изображения.
Само изображение разбивается на 8 частей. Уже два часа ищу то что мне необходимо, но ничего найти не могу.
Везде предлагают image-border, а если рамка не одинаковая со всех сторон. Когда-то делал уже так, но не помню где использовал чтоб смог просмотреть.
Единственное что нашел http://forumd.ru/viewtopic.php?id=4372, но там нет описания построения разметки HTML. А демо-страничка с  нерабочим вариантом.
Подскажите как сделать.

Оно?

Нет. Это с применением border. А мне по другому нужно.
Ну я уже сам справился. По той ссылке не верно еще и код сделан. Зачем-то обтеканием слева еще сделали.

А мне по другому нужно.
Ну я уже сам справился.

ну так покажите другим, как.

<div id="pun" >
               <div class="punbb">
               <div id="pun-announcement"></div>
               <div class="tr-corner"></div>
               <div class="tl-corner"></div>
                  <div class="main">
                    Текст, текст, текст
                   </div>
                <div id="pun-about"></div>
                <div class="br-corner"></div>
                <div class="bl-corner"></div>
                </div>
</div>




#pun {
      margin: 0 auto;
      width : auto;
      position: relative;
      background: data-uri('../images/ramka/right.jpg') repeat-y top left;
    }

    .main{
        height:200px;
      }
   
    .punbb {
      width: 100%;
      height: auto;
      background: data-uri('../images/ramka/left.jpg') transparent repeat-y top right;
    }
   
    #pun-announcement{
        background: data-uri('../images/ramka/top.jpg') repeat-x scroll left top transparent;
        padding: 4.3em 1em 1em 1em;
        position: relative;
    }
   
    .tl-corner {
        background: data-uri('../images/ramka/tl_corner.png') no-repeat scroll 0 0 transparent;
        height: 153px;
        left: -3px;
        position: absolute;
        top: -3px;
        width: 153px;
    }
    .tr-corner {
        background: data-uri('../images/ramka/tr_corner.png') no-repeat scroll 0 0 transparent;
        height: 153px;
        right: -3px;
        position: absolute;
        top: -3px;
        width: 153px;
    }
   
    .bl-corner {
        background: data-uri('../images/ramka/bl_corner.png') no-repeat scroll 0 0 transparent;
        height: 153px;
        left: -3px;
        position: absolute;
        bottom: -3px;
        width: 153px;
    }
    .br-corner {
        background: data-uri('../images/ramka/br_corner.png') no-repeat scroll 0 0 transparent;
        height: 153px;
        right: -3px;
        position: absolute;
        bottom: -3px;
        width: 153px;
    } 
   
    #pun-about{
        background: data-uri('../images/ramka/bottom.jpg') repeat-x scroll left bottom transparent;
        border-top-style: none;
        text-align: right;
        line-height: 150%;
        padding: 4.3em 1em 1em 1em;
    }

ух ты, сколько картинок а где же они все? покажите хоть сайт, как выглядит.

Картинки я не стал прикреплять, но их можете взять с топика http://forumd.ru/viewtopic.php?id=4372
Я от туда всё взял, вот только разметку HTML подставлял, так как там вообще нет как должен быть код