.tile{
    width: 139px;
    height: 139px;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
    position: relative;
}
    .tile img{
        position: absolute;
        top: 0px;
        left: 0px;
        border: 0px;
    }
    .tile p{
        padding: 0px 10px;
        color:#afafaf;
        font-weight:bold;
        font:10pt "Trebuchet MS", Arial, sans-serif;
    }
    .tile h3{ margin: 10px 10px 0 10px; color:#ffffff; font:12pt "Trebuchet MS", sans-serif; letter-spacing:-1px; font-weight: bold;  }
    .tile a:link, .tile a:visited { color: #ffffff; text-decoration: none;  }

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

.captionfull .boxcaption {
    top: 140px;  /* move it out of the box */
    left: 0px;
}