I am trying to have top and bottom borders on a div using border-image but it's not displaying properly in Safari.
Here it is in Chrome, as I want:
and here it is in Safari:
html:
<body>
<div class="wiggle">
<h3>title</h3>
<p>Loren ipsum dolor sit amaet</p>
</div>
</body>
CSS:
.wiggle{
width: 500px;
border-width: 13px;
border-style: solid;
border-image: url(assets/wiggle-b.svg) 100% 0% 100% 0% repeat;
-webkit-border-image: url(assets/wiggle-b.svg) 100% 0% 100% 0% repeat;
}
Any help is greatly appreciated.