RosterRibbon

by Koubenec

HTML

<div class="rostercontainer"><img id="rostertop" src="http://summerallguardfoundation.org/wp-content/uploads/2012/10/Roster_on.png"></div>

CSS

.rostercontainer {
    width: 180px;
    height: 99px;
    background-image: url('http://summerallguardfoundation.org/wp-content/uploads/2012/10/Roster_off1.png');
}

#rostertop {
    width: 180px;
    height: 99px;
    opacity: 0;
    position: relative;
    left: 0px;
}

#rostertop:hover {
    opacity: 1;
}