cross-browser box shadow

by evpozdniakov

HTML

<script src="http://static.contentabc.com/xxxtalentcash/base/cdn/common/js/vendor/modernizr-2.6.1.min.js"></script>
 <section class="parent-box">
    <div class="ie-shadow"></div>
    <div class="content">

        Lorem ipsum...

    </div>
 </section>

CSS

body {
    padding: 50px;
}
.parent-box {
    width: 400px;
}
.content {
    padding: 100px;
}

.boxshadow .parent-box {
    box-shadow: 0 0 15px #ccc;
}
.boxshadow .ie-shadow {
    display: none;
}

.no-boxshadow .parent-box {
    position: relative;
}
.no-boxshadow .ie-shadow {
    position: absolute;
    left: -10px;
    top: -10px;
    right: 10px;
    bottom: 10px;
    background: #ccc;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=false);
}
.no-boxshadow .content {
    position: relative;
    background: #fff;
}