title: border-image property doesn't display border
body: <p>I've followed the example off of <a href="http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_border-image" rel="nofollow">W3Schools here</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;h2 class="underline_red"&gt;Design&lt;/h2&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.underline_red {
      border-image: url(../images/underline_red.jpg) 30 30 stretch;
      border: 15px solid transparent;
  }
  </code></pre>
  
  <p>I've also included all the vendor prefixes even though the latest Chrome interprets it just fine.</p>
  
  <p>I don't get any console errors, so my file is located and loaded no problem.</p>
  
  <p>Unlike the example on W3Schools though, I'm not getting any border-image.</p>
  
  <p>I'm obviously missing something</p>
  
  <p>I've noticed the example on W3Schools doesn't use pixel sizes, I tried adding them but it didn't help.</p>
  
  <p><a href="http://jsfiddle.net/8Fvd9/" rel="nofollow">JSFiddle</a></p>