Проблемы с совместимостью с браузером css «border-image»

Question

Я искал часы и проверял в четыре раза свой файл для ошибок кодирования, но, похоже, ничего не может придумать. В основном у меня есть div-класс на моем сайте, используя код пограничного изображения, который отлично работает в Firefox. Но ни один из других браузеров не отображает его вообще. Это, наверное, глупая ошибка кода где-то, но я не могу ее найти, поэтому я бы оценил дополнительный набор глаз.

Вы можете найти на веб-сайте по адресу: http://beta.lycancreations.com/

Это .section класс ДИВ, который используется практически во всех текстовых блоков на веб-странице.

.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, потому что я продолжаю баловаться с более короткой версии, это было легче для меня, чтобы посмотреть на каждое свойство в отдельности.

Любая помощь будет принята с благодарностью, это моя первая публикация здесь, поэтому, пожалуйста, дайте мне знать, если я забыл включить что-либо!

Answer 1

Предоставление div.section Пограничная граница для меня в Сафари.

div.section { 
    ... 
    border:1px; 
}