.box1 { 
		position: relative; 
		margin: 20px 0 20px 40px; 
		padding: 5px 0; width: 300px; 
		height: 100px; 
		background-image: url(images/background.jpg); 
		background-repeat: no-repeat; 
		}

		#box-link { 
		position: absolute; 
		top: 8px; 
		left: 20px; 
		width: 83px; 
		height: 83px; 
		background-color: transparent; 
		border: 1px solid yellow; }
<div class="box1">
		<a id="box-link" href="#"></a>
		<p>The background of this box is an image.</p>
		</div>