Problema con el border-image

[Triby]

Tal vez no te fijaste que a todos los div aplican lo siguiente:

Código CSS:

div {
    border:15px solid transparent;
    width:250px;
    padding:10px 20px;
}
 

Tomando los agregados de borde redondeado y fondo, esto funciona en el editor de w3schools:

Código CSS:

#round {
border:15px solid transparent;
width:250px;
padding:10px 20px;
 
-moz-border-radius: 20px / 10px;
-webkit-border-radius: 20px / 10px;
border-radius: 20px / 10px;
 
-moz-border-image:url(border.png) 30 30 round; /* Old Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;
 
-moz-box-shadow: rgb(150,150,150) 5px 5px;
-webkit-box-shadow: rgb(150,150,150) 5px 5px;
box-shadow: rgb(150,150,150) 0px 0px 10px;
 
background: -webkit-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
background: -moz-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
}
 

Pruebalo y, si sigue sin funcionar, entonces reivisa la ruta de la imagen.