Clickable link on an image?

<td rowspan=2 style="background-image:url(/images/rede04/bg_slice_root_300.jpg);" align="center" valign="top">
		 <div id="btRank2">
			<div class="handOver" style="width:300px;height:225px;overflow:hidden;background-image:url(/images/144149/21_2_111004_fallujah11.jpg);" onClick="window.location='/story/0,2933,138122,00.html';">
			
				<script language="JavaScript">
					document.write('<div align="center" style="width:300px;height:70px;font-size:20px;');
					if (browser == "IE" && platform == "win")
						document.write('filter:alpha(opacity=100,finishopacity=0,style=1,startx=0,starty=30,finishx=0,finishy=100);background-color:#000000;">');
					else
						document.write('overflow:hidden;background-image:url(/images/rede04/rootImgHead.png);">');
					document.write('<div style="width:280px;filter:alpha(opacity=100);padding-top:10px;position:relative;"><b><a href="/story/0,2933,138122,00.html">Militants Running 'Blind'</a></b></div>');
					document.write('</div>');
				</script>
			 </div>