source: extensions/flop_style/thumbnails/fancy_hover.css @ 9834

/* from http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/ thx ! */
ul.thumbnails {
        list-style: none;
        margin: 0;
        overflow: hidden;
        padding: 50px;
}
ul.thumbnails li {
        margin: 0;
        padding: 5px;
        float: left;
        position: relative;  /* Set the absolute positioning base coordinate */
        width: 110px;
        height: 110px;
}
ul.thumbnails li img {
        width: 100px;
        height: 100px; /* Set the small thumbnail size */
        -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
        border: 1px solid #ddd;
        padding: 5px;
        background: #f0f0f0;
        position: absolute;
        left: 0;
        top: 0;
}
ul.thumbnails li img.hover {
        background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect*/
        border: none; /* Get rid of border on hover */
}