CSS、border-imageで、謎の線（境界・1pxほどの）が出てしまう。

###謎の線（境界・1pxほどの）が出てしまう。border-image、background-imageを使うと
CSSのbackground-image、border-imageで指定した画像の描画が、
andoroid端末や、ipadで1pxほどの謎の線（境界線）が表示されてしまいます。

いろいろ、調べてみましたが、以下のサイトで同じような症状が出ています。
> スマートフォンサイト制作で、要素と要素の繋ぎ目に謎の境界線が出来る場合の対応｜アストン研究室（あすとんらぼ）

###画像

###該当のソースコード

// background images の指定

.bg_section-area {
  position: relative;
  background:
  url("../images/bg-cont-LT-C.png") no-repeat left top,
  url("../images/bg-cont-RT-C.png") no-repeat right top,
  url("../images/bg-cont-RB-C.png") no-repeat right bottom,
  url("../images/bg-cont-LB-C.png") no-repeat left bottom,
  url("../images/bg-cont-T.png") repeat-x left top,
  url("../images/bg-cont-R.png") repeat-y right top,
  url("../images/bg-cont-B.png") repeat-x left bottom,
  url("../images/bg-cont-L.png") repeat-y left top,
  rgb(253, 247, 231);

  @media #{$small} {
    // ブレークポイントでの表示に問題があるのかと思いしたが、関係ないようです。。
    background-size:
    80px 60px,
    80px 60px,
    80px 30px,
    80px 30px,
    1px 60px,
    80px 1px,
    1px 30px,
    80px 1px;
  }
}

// border image の 指定
.border{
  position: relative;
  border-style: solid;
  border-width: 32px 28px 26px;
  border-image: url("../images/border_image_btn.png") 32 28 26 fill repeat;
}
@media #{$small} {

  .border{
    height: 48px;
    border-style: solid;
    border-width: 16px 14px 13px;
    border-image: url("../images/border_image_btn.png") 32 28 26 fill repeat;
  }
}