Metro Tile CSS - Web, Tech & Gadgetry

@charset "utf-8";

/* Prevent visible highlighting of text */

::selection {
    background: transparent;
}

body {
    background-color: #008E8E;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    padding: 10%;
}

#tile {
    width: 210px;
    height: 118px;
    background-color: #3896F6;
    background-image: url('wow.png');
    background-repeat: no-repeat;
    border: 3px solid #008E8E;

    transition: background-position 2s;
    -moz-transition: background-position 2s; /* Firefox Support */
    -webkit-transition: background-position 2s; /* Chrome and Safari Support */
    -o-transition: background-position 2s; /* Opera Support */
}

#tile:hover {
    border-color: #219D9D;
    background-position: bottom;
}

#tileCaption {
    position: relative;
    top: 95px;
    left: 12px;
}