css - css "border-image" ブラウザの互換性の問題

Question

何時間も検索し、コーディング エラーがないかファイルを 4 回チェックしましたが、何も思いつかないようです。基本的に、Firefoxでうまく機能するボーダー画像コードを使用して、ウェブサイトにdivクラスがあります。しかし、他のブラウザではまったく表示されません。おそらくどこかのばかげたコード エラーですが、見つけられないようです。

Web サイトは http://beta.lycancreations.com/にあります。

これは、Web ページのほぼすべてのテキスト ブロックで使用される .section div クラスです。

.section{
    padding: 15px 0px 20px;
    -moz-border-image-source:url(../img/layout/border.png);
    -moz-border-image-repeat: repeat;
    -moz-border-image-slice: 10 10;
    -moz-border-image-width: auto;
    -o-border-image-source:url(../img/layout/border.png);
    -o-border-image-repeat: repeat;
    -o-border-image-slice: 10 10;
    -o-border-image-width: auto;
    -webkit-border-image-source:url(../img/layout/border.png);
    -webkit-border-image-repeat: repeat;
    -webkit-border-image-slice: 10 10;
    -webkit-border-image-width: auto;
    border-image-source:url(../img/layout/border.png);
    border-image-repeat: repeat;
    border-image-slice: 10 10;
    border-image-width: auto;
    border-style: solid;
}

CSS の長いバージョンを使用しているのは、短いバージョンをいじり続けているためです。各プロパティを個別に確認する方が簡単でした。

ここに投稿するのは初めてなので、何かを含めるのを忘れていたら教えてください!