添加border-image时背景的大小会发生变化

Question

所以我试图建立一个论坛名称，高度限制是20px所以边框图像和背景图像都是20像素，但如果我添加边框图像，它基本上是背景的大小加倍由于某种原因

到目前为止，我的代码是 -

＆＃13;

＆＃13;

class Inicio extends MY_Controller{

   public function __construct(){
       parent::__construct();
   }

   public function index() {
       $data['title'] = 'Your title';
       $this->loader_page('forms', $data);
   }

}

＆＃13;

body {
  background-color: black;
}
.cookie {
  color: #f4643d;
  border: 15px solid transparent;
  font-family: Trebuchet MS;
  background: url(backgroud.gif) bottom right repeat;
  background-repeat: repeat;
  background-position: top center;
  text-shadow: 1px 0px 1px black;
  border-image: url(cookie.gif) 0% 100%;
  border-image-repeat: no-repeat;
  margin: 20px 0;
}

＆＃13;

＆＃13;

＆＃13;