Кто-то может объяснить странное отображение рамки на втором шаге (до fill): по углам часть ее отображается, а часть нет?
http://joxi.ru/v29O4B6HX4qJrG
Я так думаю что это связано с тем что картинка прямоугольная, а блок квадратный, но до конца объяснить это сам себе не могу.
fill вставить надо в border-image-slice
свойство бордер - идти по краю эл-та, потому такая штука и получается.