.gallery_thumbnail
{
    border: solid 1px silver;
    float: left;
    display: inline;
    margin: 19px;
}

.zitem
{
    overflow: hidden; /* for child absolute position */
    position: relative; /* display div in line */
    float: left;
    cursor: pointer;
}
.zitem .caption
{
    width: 100%;
    height: 24px;
    background: #fff;
    color: #000; /* fix it at the bottom */
    position: absolute;
    line-height: 24px;
    vertical-align: middle;
    padding-left: 4px;
    bottom: -1px; /* fix IE issue */
    left: 0; /* hide it by default */
    filter: alpha(opacity=60); /* ie  */
    -moz-opacity: 0.6; /* old mozilla browser like netscape  */
    -khtml-opacity: 0.6; /* for really really old safari */
    opacity: 0.6; /* css standard, currently it works in most modern browsers like firefox,  */
    cursor: pointer;
    font-size: .8em;
}

.zitem img
{
    border: 0; /* allow javascript moves the img position*/
    position: absolute;
}