Reflection CSS

.image
{

}

.reflection
{
    position:absolute;
    height:70px;
    width:500px;
    overflow:hidden;
    z-index:3;
}

.reflection img
{
    position:absolute;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    z-index:1;
}

.reflection .overlay
{
    position:relative;
    top:0;
    background:url(images/overlay.png) bottom left repeat-x; /* gradient filter or a plain png? */
    z-index:2;
    height:100%;
    width:100%;
}