Entire Div a Link, w/o Javascript, Valid, Standards-Friendly -- Help?

<div class="wrap">
		<a href="checkthisout.html" class="biglink"><!-- this is the link that links the entire post --></a>
	
		<h1>Some headline</h1>
		<p>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris a dui. Duis mattis lorem eu lorem. Cras imperdiet 
			lectus eget risus posuere posuere. Curabitur vitae nunc. Sed <a href="inline">nisl</a> nulla, varius in, porta at, commodo nec, magna.
			Fusce porttitor tempus dui. Fusce consectetuer, massa quis pellentesque condimentum, magna tellus pulvinar tortor, 
			nec placerat nunc tortor interdum massa. Aenean sodales dui sit amet ligula. Proin quis urna. Nunc feugiat. 
			Phasellus ornare vestibulum orci. <a href="inline">Curabitur convallis</a> rutrum ligula. Sed in neque. Mauris ultrices tellus 
			ac massa. Integer fringilla. Donec gravida. Morbi quis nisi quis est tristique ultrices. Suspendisse at 
			
			magna vitae pede aliquet auctor.
		</p>
	
	</div>

div.wrap{
	position:relative;
	width:300px;
	overflow:hidden; /* this cuts off the part of the link that overlaps the div.wrap */
}

div.wrap a{
	z-index:2;
	position:relative;
	/* this puts the inline links above the big link */
}
div.wrap a.biglink{	
	position:absolute;
	height:1000px; /* just a really big height, so the entire post is covered (the part that overlaps is cut off, so don't worry) */
	width:100%;
	display:block;
	z-index:1;
	background-image:url(spacer.gif); /* just a 1x1 px transparent gif, required to make the link work */
}