.rRightDown, .rLeftDown, .rLeftUp, .rRightUp, .rRight, .rLeft, .rUp, .rDown { position: absolute; width: 7px; height: 7px; z-index: 5; font-size: 0; }

.rLeftDown, .rRightUp { cursor: ne-resize; }
.rRightDown, .rLeftUp { cursor: nw-resize; }
.rRight, .rLeft { cursor: e-resize; }
.rUp, .rDown { cursor: n-resize; }

.rLeftDown { left: -4px; bottom: -4px; }
.rRightUp { right: -4px; top: -4px; }
.rRightDown { right: -4px; bottom: -4px; }
.rLeftUp { left: -4px; top: -4px; }
.rRight { right: -4px; top: 50%; margin-top: -4px; }
.rLeft { left: -4px; top: 50%; margin-top: -4px; }
.rUp { top: -4px; left: 50%; margin-left: -4px; }
.rDown { bottom: -4px; left: 50%; margin-left: -4px; }

.bgDiv { width: 600px; height: 300px; border: 10px solid #666666; position: relative; }
.dragDiv { border: 1px solid #000000; width: 100px; height: 60px; top: 50px; left: 50px; }