Box-shadow trimmed in CSS columns in Chrome

Question

I want the block elements inside CSS columns to have box shadow. The following, simplified code renders as expected in IE10 and Firefox 21, but in current C

Answer 1

Had similar issues with a 3 column layout. Chrome cut the box-shadow but only on top in column 2 and 3...

box-shadow cut

Margin Workaround:

.item {
  box-shadow: 0px 0px 15px #000;
  display: inline-block;
  margin-top: 15px; /* same as box-shadow blur */     
  width: 100%;
}
.container{
  column-count: 3;
  column-gap: 30px;
  margin-top: -15px;/* negative value same as box-shadow blur & item margin-top */
}