JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu_tab"></div>

CSS

.menu_tab {
	width: 90px;
	height:250px;
	background: rgb(230,140,130);
	border: 28px solid rgb(230,140,130);
    border-image: url("http://chromafunk.com/images/menu_tab.png") 30 30 40 30 fill round;
	border-radius: 20px;
	border-top: 0px;
	background-clip: padding-box;
 }

.menu_tab_ie{
    padding:28px;
    padding-top:0px;
    border:none;
}

JavaScript

navigator.bwsr= (function(){
    var ua= navigator.userAgent, tem, 
    M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
    if(/trident/i.test(M[1])){
        tem=  /\brv[ :]+(\d+)/g.exec(ua) || [];
        return 'IE '+(tem[1] || '');
    }
    if(M[1]=== 'Chrome'){
        tem= ua.match(/\bOPR\/(\d+)/)
        if(tem!= null) return 'Opera '+tem[1];
    }
    M= M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
    if((tem= ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1]);
    return M.join(' ');
})();
var x = navigator.bwsr;
//previous code taken from http://stackoverflow.com/questions/5916900/detect-version-of-browser
//-----------------------------------------------------------------

if(x.indexOf('IE')>-1){
    var xNum = x.split(' ');
    var x2=Number(xNum[1]);
    if(x2<11){
        $('.menu_tab').addClass('menu_tab_ie');
    }
    else {console.log('border-image should display');}
}
else {console.log('border-image should display');}