Расскажите мне про border - Вопросы по CSS

Доброго времени суток всем. Столкнулся с такой проблемой:

Задался сделать самосасштабируемый шаблон для Joomla. Соответственно, всю ширину всех элементов указываю в %. Всё было хорошо, до того, как задался целью сделать рамку для одного DIV.

Собственно, CSS для этого div элементарный

.mycenter{
   width:60%;
   float:left;
   border: 3% solid #40c4c8;
    -moz-border-image: url(../images/ramka.png)  3% round round ;
    -webkit-border-image: url(../images/ramka.png)  3% round round ;
    -o-border-image: url(../images/ramka.png)  3% round round;
        border-image: url(../images/ramka.png)  3% round round ;
   }

Но проблема в том, что если ему ставить ширину в процентах рамка не показывается вообще... А если ставить в px то никаких проблем...

Во-первых, будьте добры, подскажите в чём косяк.

Во-вторых, ответьте мне на вопрос - когда мы задаём рамке ширину в процентах, это проценты от чего? Откуда их отнимать? В моём случае этот див - центральный див всего документа, мне нужно отнимать эти 3% у правого и левого дива или от дивов, которые внутри центрального дива?