HTML coding

[Wolf]

does anyone know why this isn't lineing up right the images are off? i will add rep

<style />
body, td, p, font{font:8pt verdana;color: #000000;}
#main a{font:8pt verdana;color:#000000;font-weight:bold;text-decoration:none}
#main a:hover{color:#377a9b;}
#main b{color:#36251f}
h1{border-bottom:3px double #6d543d; margin-bottom:2px;text-align:left;}
h2{border-bottom:3px double #6d543d; margin-bottom:2px;text-align:center;}
#ht{color:#2e6d8e; font-size:20pt; font-family:verdana; text-align:left;letter-spacing:2px;}
#ht2{color:#2e6d8e; font-size:20pt; font-family:verdana; text-align:center;letter-spacing:2px;}
#ban {display:none;}
#main {margin-top:0px; margin-left:0px;}
#header, #footer, .sidebar {display:none;width:100px}
body {background:#f7ce78 url('http://i755.photobucket.com/albums/xx195/Mw2hacker/GLD_AotA_bg-1.jpg');}
#main {border:none; background:none;  width:1000px; float:left; padding-left:0px;  padding-top:10px;}
.sidebar {background: none;}
table, tr, td { background: transparent; }
</style />

<div style="position:absolute;top:0px;left:0px;width:175px;height:210px;">
<img src="http://i755.photobucket.com/albums/xx195/Mw2hacker/GLD_AotA_img.jpg" width="175" height="210"></div>
<div style="position:absolute;top:0px;left:175px;width:825px;height:500px;">
<img src="http://i755.photobucket.com/albums/xx195/Mw2hacker/GLD_AotA_img2.jpg" width="825" height="500" >
</div>

<div style="position:absolute;top:470px;left:792px;width:101px;text-align:center">
<h2><font id="ht2">Links</font></h2><P>
<a href="http://www.neopets.com/myaccount.phtml">My Account</a><br>
<a href="http://www.neopets.com/customise/">Customise</a><br>
<a href="http://neopets.com/gameroom.phtml">Games</a><br>
<a href="http://neopets.com/explore.phtml">Explore</a><br>
<a href="http://neopets.com/nf.phtml">News</a><br>
<a href="http://www.neopets.com/petcentral.phtml">Pet Central</a><br>
<a href="http://www.neopets.com/neoboards/index.phtml">Boards</a><br>
<a href="http://neopets.com/objects.phtml">Shops</a><br>
<a href="http://www.neopets.com/mall/index.phtml">NC Mall</a><br>
<br>
You can put more guild links here, donation shop, 1 NP auctions, etc.
</div>

<div style="position:absolute;top:470px;left:181px;width:602px">
<h1><font id="ht">WELCOME TO THE GUILD!</font></h1>
Welcome message here.
<h1><font id="ht">NEWS AND UPDATES</font></h1>
News and updates here
<h1><font id="ht">COUNCIL CHAT</font></h1>
Council Chat here</div>

[Lauren]

All you have to do is add background-position: center top; in your body properties, but the image you have for the text background isn't wide enough o.O