Using CSS after to add a inner border to an image

http://www.storiesinflight.com/html5/pseudo_after.html

 

<div class="framedphoto"><img src="images/crossings1.jpg" width="200" height="150"></div>

<style>
.framedphoto {
	position: relative;
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

.framedphoto:after {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	content: " ";
	border: 10px solid;
	-moz-border-image: url('images/overlay2.png') 20 20 20 20 stretch stretch;
	-webkit-border-image: url('images/overlay2.png') 20 20 20 20 stretch stretch;
	border-image: url('images/overlay2.png') 20 20 20 20 stretch stretch;
}
</style>