html - 除 IE10 外，Div/Box 阴影并非无处不在

Question

谁能说出为什么下面的 HTML 和 CSS 在除 IE10 之外的所有浏览器上都显示 Box Shadow 吗？我是否错过了 Webkit 中的某些内容？谢谢！

HTML：

<div id="Testimonials">
<ul class="ca-menu">
<li>
<a href="testimonials.html">
<div class="ca-icon"><img src="_images/Testimonials.jpg" width="92%"></div>
<div class="ca-content">Testimonials</div>
</a>
</li>
</ul>
</div>

CSS：

#Testimonials {
    clear: none;
    float: left;
    margin-left: 3%;
    width: 13%;
    display: block;
    border: thin;
    border-radius: 15.0%;
    -webkit-box-shadow:
    0 8px 0 #bfbfc2,
    0 15px 20px rgba(0,0,.35,.35);
    -moz-box-shadow:
    0 8px 0  #bfbfc2,
    0 15px 20px rgba(0,0,.35,.35);
    box-shadow:
    0 8px 0 #bfbfc2,
    0 15px 20px rgba(0,0,.35,.35);
    background-image: url(../_images/menu-bg%202.jpg);
   }

Answer 1

遇到了同样的问题，并在这里得到了解决方案：box shadows not working in IE10

Answer 2

尝试使用

border-collapse: separate;

出于某种原因，它似乎有助于 IE 呈现框阴影。