PayneLess Designs - Background Image as Link

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Background Image as Link</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link href="css_page_designs.css" rel="stylesheet" type="text/css" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<!-- <link rel="stylesheet" type="text/css" href="css_page_designs.css" /> -->
<style type="text/css">
* { margin: 0; padding: 0; border: 0; }

h1, #header { text-align: center; }

#header {
display: block;
width: 1280px;
height: 1024px;
padding: 2px;
margin: 0 auto;
background: #f0f url(http://img11.imageshack.us/img11/7775/rabbity.jpg) no-repeat center scroll; /* 1280 x 1024 */
/* border: 2px solid #070; */
}

span { display: block; visibility: hidden; }
</style>
</head>
<body>
<h1>Background Image as Link</h1>

<p><a id="header" href="http://PayneLessDesigns.com/" title="Click to visit PayneLess Designs"><span>Any text here is hidden.</span></a></p>

<p><a href="http://validator.w3.org/check?uri=referer" title="Valid XHTML 1.0 Strict"><img style="width:88px; height:31px;" src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Strict" /></a><a href="http://jigsaw.w3.org/css-validator/" title="Valid CSS!"><img style="width:88px; height:31px;" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /></a></p>
</body></html>