Image over image

by 2Yootz

HTML

<!-- http://chadkuehn.com/wp-content/uploads/2014/03/tnWorkspace.png -->

<!-- 350 x 189 -->

<!-- http://chadkuehn.com/wp-content/uploads/2014/03/enlarge.png -->


<a class="thumb"><div>&nbsp;</div></a>

CSS

.thumb {
    background-image: url('http://chadkuehn.com/wp-content/uploads/2014/03/tnWorkspace.png');
    background-repeat: no-repeat;
    width:350px;
    height:189px;
    display:block;
}

.thumb div {
    background-image: url('http://chadkuehn.com/wp-content/uploads/2014/03/enlarge.png');
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-position: bottom right;
}