.nw, .n, .ne, .w, .e, .sw, .s, .se { position: absolute; }

.nw, .ne, .sw, .se { width: 20px; height: 20px; }
.n, .s { height: 20px; left: -8px; right: -8px; }
.e, .w { width: 20px; top: -8px; bottom: -8px; }

.nw, .n, .ne { top: -28px; }
.nw, .w, .sw { left: -28px; }
.sw, .s, .se { bottom: -28px; }
.ne, .e, .se { right: -28px; }

.nw { background-image: url(/js/mediabox/images/dropshadow/nw.png) }
.n   { background-image: url(/js/mediabox/images/dropshadow/n.png) }
.ne { background-image: url(/js/mediabox/images/dropshadow/ne.png) }
.w   { background-image: url(/js/mediabox/images/dropshadow/w.png) }
.e   { background-image: url(/js/mediabox/images/dropshadow/e.png) }
.sw { background-image: url(/js/mediabox/images/dropshadow/sw.png) }
.s   { background-image: url(/js/mediabox/images/dropshadow/s.png) }
.se { background-image: url(/js/mediabox/images/dropshadow/se.png) }