*{
    padding: 0;
    margin: 0;
}

body {
    background: #ccc;
}

a {
    color: #999;
}

p {
    margin: 5px;
}

.box {
    margin: 10px;
    background: #161613;
    border: solid 2px #666;
    overflow: hidden;
    position: relative;
}
    .box img {
        position: absolute;
        top: 0;
        left: 0;
        border: 0;
}
    .box p {
        text-align: center;
        padding: 1px;
        color: #fff;
        font-family: Arial, sans-serif;
}

.caption {
    float: left;
    position: absolute;
    top: 90%;
    background: #000;
    height: 40%;
    width: 100%;
    opacity: .8;
    /* For IE 5 to 7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}