title: border image not showing in safari
body: <p>border-image not showing up in Safari or on tablet and mobile devices.  It's fine in FF, IE, Chrome and Opera.</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;div class="col-sm-4 ctas" id="togglelinks"&gt;
      &lt;div class="rooms"&gt;
          &lt;img src="images/bedroom1.jpg" alt="" class="img-responsive" /&gt;
          &lt;h6&gt;Room 1&lt;/h6&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam&lt;/p&gt;
          &lt;p&gt;&lt;a class="btn togglee" target="one"&gt;MORE INFORMATION&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the css</p>
  
  <pre><code>.rooms {
      border: 15px solid transparent;
      color: #fff;
      padding: 5px;
      border-image: url("../images/paint-blk.png") fill 21 repeat;
  }
  </code></pre>
  
  <p>A little more information: I'm using Bootstrap v3.0.3.  The page is validating.  In FireBug the borders are being brought through, colour, padding, but not the image.</p>