Принцип такой.
Берется картинка с рамкой, которая будет обрамлять аватар.
Картинка растягивается, обрамляя аватар.
В html-верх:
<style>
li.pa-avatar img{
border-width: 17px;
-moz-border-image: url(адрес) 17 round; /* Firefox 4 */
-webkit-border-image: url(адрес) 17 round; /* Safari 5 и Chrome */
-o-border-image: url(адрес) 17 round; /* Opera 10.5 */}
</style>
красное- адрес картинки рамки.
зеленое- толщина рамки. Померить можно либо "на глаз", либо в графическом редакторе.
синее- вместо вместо round можно поставить значения stretch или repeat. Это- способы растягивания рамки.
stretch
Средняя часть рамки будет просто растягиваться.
repeat
Средняя часть повторяется
round
Средняя часть растягивается и повторяется так, чтобы вместилось целое число изображений.
Отдельное спасибо Deff'у за помощь :3
Если будут вопросы- задавайте.
