.v-shadow { position: absolute; } .v-shadow .top-left { position: absolute; overflow: hidden; top: -3px; left: -5px; width: 10px; height: 10px; background: transparent url(img/top-left.png); } .v-shadow .top { position: absolute; overflow: hidden; top: -3px; left: 5px; height: 10px; right: 5px; background: transparent url(img/top.png); } .v-shadow .top-right { position: absolute; overflow: hidden; top: -3px; right: -5px; width: 10px; height: 10px; background: transparent url(img/top-right.png); } .v-shadow .left { position: absolute; overflow: hidden; top: 7px; left: -5px; width: 10px; bottom: 3px; background: transparent url(img/left.png); } .v-shadow .center { position: absolute; overflow: hidden; top: 7px; left: 5px; bottom: 3px; right: 5px; background: transparent url(img/center.png); } .v-shadow .right { position: absolute; overflow: hidden; top: 7px; right: -5px; width: 10px; bottom: 3px; background: transparent url(img/right.png); } .v-shadow .bottom-left { position: absolute; overflow: hidden; bottom: -7px; left: -5px; width: 10px; height: 10px; background: transparent url(img/bottom-left.png); } .v-shadow .bottom { position: absolute; overflow: hidden; bottom: -7px; left: 5px; right: 5px; height: 10px; background: transparent url(img/bottom.png); } .v-shadow .bottom-right { position: absolute; overflow: hidden; bottom: -7px; right: -5px; width: 10px; height: 10px; background: transparent url(img/bottom-right.png); } /* For IE6 (no transparent png's, we use a blur filter) */ .v-ie6 .v-shadow * { display: none; } .v-ie6 .v-shadow { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20); margin-top: -2px; margin-left: -2px; }