I have designed a div with a border image on the right side and I want to add a colored border on the left side. However, when I change the color, it doesn't appear. How can I resolve this issue? Check out my FIDDLE for reference.
CSS:
div{
height:200px;
width:200px;
background:#EA6E0E;
border-image-slice: 0 31 0 0;
border-image-width: 0px 20px 0px 0px;
border-image-outset: 0px 0px 7px 0px;
border-image-repeat: stretch stretch;
border-image-source: url("http://i.imgur.com/pN8TPVw.jpg?1");
border-radius:8px;
border-left:8px solid #000; //NOT WORKING
}