title: border-image: workaround for IE
body: <p>Is there any workaround for IE which makes me able to use <code>border-image</code>? I'm developing a site and it's working properly in every browser but IE. I need to mimic these bars <img src="https://i.stack.imgur.com/CIQ5s.png" alt="image"> </p>
  
  <p>I could use the <a href="http://www.fetchak.com/ie-css3/" rel="noreferrer">ie-css3.htc</a> hack but <code>border-radius</code> works only with the four corners together (which doesn't apply here, 'cause the top border isn't rounded) and the <code>filter</code>  css property (for gradient) doesn't work with <code>border-radius</code> at all (it fills the whole element ignoring the border radius limits). In case there's no workaround for this, how would be the best way for doing this?</p>