Css 为什么firefox和google chrome不显示圆形边框，而Internet explorer使用边框图像工作正常？

现在，我已经尝试了所有我能想到的方法，让Firefox和Google Chrome显示圆形边框，甚至使用moz和webkits，但它似乎不起作用。如果您能提供一些有用的提示，说明为什么Internet Explorer会以我希望的方式显示，而其他两个则不会，我们将不胜感激。应该说，馅饼确实很管用

 background-color: #F0F0F0;
    /* Moz  Firefox */
    -moz-transform: translate(100px, 50px);
    /* Rounded Corners */
    -moz-border-radius: 15px;
     border-radius: 15px;
     border-width: 12px;
   /* WebKit - Chrome and Safari */
   -webkit-border-radius:15px;
   -webkit-transform: translate(100px, 50px);
   /* Internet Explorer 9 */
   -ms-transform: translate(100px, 50px);
   behavior: url('/PIE/PIE.htc');
   /* Opera */
   -o-transform: translate(100px, 50px);
   /* general syntax */
   transform: translate(100px, 50px);
   /* Border Changes */
    width: 1000px;
    border-style: Solid;
    border-image: url('/images/fire.jpg') 10 10 10 10 round round;  
    padding: 5px;
    overflow: hidden;

---

你能做一个简单的解释吗？我必须说我以前从未尝试过使用提琴。这可能是浏览器对css 2、css 3和css 3+的使用/实现，以及边框/边距对标记本身的属性对这些值使用加法和减法计算的方式。我认为Google Chrome和Firefox使用提琴不会有问题moz和webkit中的border radius用于创建圆形边框，但在我将PIE.htc安装到Internet Explorer后，它完全按照我希望的方式显示，但Google Chrome和Firefox没有按照上面的代码显示。我还没有找到解决方案。fiddle意味着jsfiddle.net，如下所示：现在只需添加html代码并保存/更新fiddle。