为每一行添加框阴影效果

Question

我的<div>框上的阴影效果无法正常渲染。

请查看http://wordpresswixdemo.novigolabs.in/?page_id=12;它是一个普通的表，每列中都有一个<div>标记。使用CSS，我给了他们类似网格的效果，但是box-shadow没有正常工作;它打破了每一列。

.grid tbody tr td div.glow {
    box-shadow: 0px 10px 5px -5px #888;
    -webkit-box-shadow: 0px 10px 5px -5px #888;
    -moz-box-shadow: 0px 10px 5px -5px #888;
}

.grid tbody tr td:last-child div.glow {
    box-shadow: 10px 10px 5px -5px #888;
    -webkit-box-shadow: 10px 10px 5px -5px #888 ;
    -moz-box-shadow: 10px 10px 5px -5px #888 ;
}

如果是tr-td表，则无法使用宽边框的圆角。我在上面的CSS中几乎拥有所有可能的数字组合。