Border image stopped appearing in Safari on OS and iOS as well. I'm using Safari 10 on my Mac and latest version of iOS on my iPad and iPhone. It does show in Firefox the way it used show on all browsers.
Website URL is: http://majesticpinescolorado.com/
#sidebar .inner{
border: 1px solid #8e8cae;
-moz-border-image:url(images/border.png) 50 50 repeat; /* Old firefox */
-webkit-border-image:url(images/border.png) 50 50 repeat; /* Safari */
-o-border-image:url(images/border.png) 50 50 repeat; /* Opera */
border-image:url(images/border.png) 50 50 repeat;
}
I researched to see what I'm doing wrong, but all declaration seem to be correct. Any help is greatly appreciated.
You need to give the border the same width as the border-image: