.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>