Select part of image (crop)

by PhilQ

HTML

<div id="cropbox">
    <div id="cropbox_sel"> </div>
</div>

CSS

#cropbox {
    background-color: #3D6AA2;
    width: 500px;
    height: 300px;
    overflow: hidden;
    border: 1px solid #808080;
}
#cropbox_sel {
    position: relative;
    top: 80px;
    left: 100px;
    width: 200px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.4);
}