CSS3饼图：相同的样式，不同的表示

我正在使用CSS3饼图来让方框阴影属性在IE8中工作。正如您在图像中看到的，我有3个具有相同样式的框，但其中只有一个（第一个）按照我的需要进行渲染

HTML

像这样给它

.grid_22>div    
{
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
   -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.16);
   box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.16);

   /**http://css3pie.com**/
   behavior: url(../../../../../dashboard/resources/main/js/libs/pie/PIE.htc);
} 

---

它为.grid_22的所有直接子div提供阴影

非常感谢您的回答，但不起作用。我有同样的结果。做一把小提琴它也会帮助任何其他人，我们有一些容易玩的代码

.panel_third{
   float: left;
   height: 317px;
   width: 206px;
   padding: 30px;
   margin-right:31px;
   background: #ffffff;
   position: relative;
   -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
   -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.16);
   box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.16);

   /**http://css3pie.com**/
   behavior: url(../../../../../dashboard/resources/main/js/libs/pie/PIE.htc);
}
.panel2{
  background: url(../img/Box-2-BG.png) no-repeat;
}
.panel3{
  background: url('../img/Box-3-BG.png') no-repeat;
  margin-right: 0;
  float: right;
}

.grid_22>div    
{
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
   -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.16);
   box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.16);

   /**http://css3pie.com**/
   behavior: url(../../../../../dashboard/resources/main/js/libs/pie/PIE.htc);
}