Ok, now I have more of an idea of what you want to do - have content in the side "wings". I wasn't impressed (and neither would other visitors) with the javascript resizing my browser window to try and make the absolute positioning line up.
This can be treated as a 3 column layout, with left and right columns being the "wings", with a centre content column, and this changes the approach. If the entire site is contained within a wrapper that is the total width of the graphic, left and right columns the appropriate widths can be floated left and right, and the content column will sit between when given appropriate side margins. Top padding on the side colums will bring the content down into the "wing" area.
The google icon can then sit in the left column as a standard text link with the image as a background - a left margin will position it correctly to line up with the background.
Try this:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
<!--
* {
margin: 0;
padding: 0;
}
body {
background-color: #010c1e;
background-image: url(images/splash.jpg);
background-repeat: no-repeat;
background-position: center top;
font-family: "Segoe UI", Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
a {
color: #000066
}
p {
margin: 1em 0;
}
#pagewrap {
width: 700px;
margin: 0 auto;
padding-right: 3px;
}
#leftcol {
float: left;
width: 187px;
padding-top: 310px;
}
#googlelink {
display: inline;
width: 58px;
height: 103px;
float: left;
background-image: url(images/googleicon.jpg);
font-size: 1px;
color: #F3F528;
margin-left: 19px;
}
#rightcol {
float: right;
width: 180px;
padding-top: 310px;
}
#contentWrap {
margin: 0 207px 0 220px;
padding-top: 150px;
}
</style>
<title>Uber Googlers</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div id="pagewrap">
<div id="leftcol">
<a href="http://google.com" id="googlelink">Google</a>
</div>
<div id="rightcol">
<p> </p>
</div>
<div id="contentWrap">
<p>9.18.07 Site Creation</p>
<p> </p>
<p> </p>
<p>By the way you need <a href="http://www.softpedia.com/progDownload/Segoe-UI-Windows-Vista-System-Font-Download-75006.html">this font</a> toview this page properly</p>
<p><a href="http://getfirefox.com">Firefox</a> might help, too</p>
</div>
</div>
</body>
</html>
This will sit in the centre and everything lines up without that resize javascript, so it is gone. The different side column widths and right padding on the #pagewrap are due to the main background image not being quite symmetrical.
Note that I also specified alternate fonts in the body font family for those that don't have, and don't want to install, your preference font.