header doesn't appear Options

[weirdwigs]

I've looked through most of the questions here and I'm not sure if my problem applies so, here it goes.
I can't seem to get my header to appear and appear centered. Any help would be appreciated.

LJ link

And here's the code:

CODE

FRIENDS_OPT_ITEMS=>10

FRIENDS_WEBSITE=><img src="http://www.boomspeed.com/aznkut3angel/emirheader.jpg" align="center">

DAY_WEBSITE<=
<img src="http://www.boomspeed.com/aznkut3angel/emirheader.jpg" align="center">
<a href="http://weirdwig.livejournal.com/calendar">Archive</a> & <a href="http://weirdwig.livejournal.com/friends">Friends</a> & <a href="http://weirdwig.livejournal.com/profile">Info</a>

<style type="text/css">
<!--
table table table table .meta
{visibility:hidden;position:absolute;top:1px}
table table table table table .meta
{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>
<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: right">
%%readlink%%<a href="%%urlpost%%">Comment</a>
</td>
</tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=

<style type="text/css">
<!--
table, tr, td, .shadowed {
background: opaque;
}
body {
background-image: url(http://www.boomspeed.com/aznkut3angel/pattern_147.gif);
margin-top: 300px;
overflow-x: hidden;
overflow: -moz-scrollbars-vertical;
color: #000000;
}

table {
width: 550px;
margin-left: 25%;
margin-right: 25%;
z-index: 0;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
html>body table{
position: relative;
}
img.header {
position: absolute;
left:0;
top: 45;
z-index: -1;
}
html>body img.header {
z-index: 0;
}
html>body div{
z-index: 2;
}
.shadowed img{
visibility:hidden;
position:absolute;
top:20px;
background: transparent;

}
-->

}
/* top right navigation links */
p .index {
color: #000000;
}
/* subject of journal entries */
p table table td.caption {
font-size:11px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
font-family: trebuchet ms;
}
.comments {
font-size: 11px;
font-family: trebuchet ms;
}
a:link, a:visited, a:active {
text-decoration: none;
font-weight: bold;
color: #4A772F;
}
a:hover{
text-decoration: underline;
font-weight: bold;
color: #86B7C0;
}
.entrybox td{
text-align: justify;
font-size: 11px;
font-family: trebuchet ms;
line-height: 14px;
color: #000000;

}
/*date and time*/
.entrybox td.index {
text-align: right;
font-size: 11px;
font-weight: none;
text-transform: uppercase;
color: #FFFFFF;
border: 0;

}
-->
</style>

<=GLOBAL_HEAD

LASTN_TALK_READLINK=><a href="%%urlread%%">o.O %%messagecount%%</a>

LASTN_OPT_ITEMS=>5

LASTN_DATE_FORMAT=><b><font face="Verdana" size="1">%%monlong%% %%dth%%|%%12h%%.%%min%%%%ampm%%</font></b>

CALENDAR_WEBSITE<=
<img src="http://www.boomspeed.com/aznkut3angel/emirheader.jpg" align="center">
<a href="http://weirdwig.livejournal.com/calendar">Archive</a> & <a href="http://weirdwig.livejournal.com/friends">Friends</a> & <a href="http://weirdwig.livejournal.com/profile">Info</a>

<style type="text/css">
<!--
table table table table .meta
{visibility:hidden;position:absolute;top:1px}
table table table table table .meta
{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=
<img src="http://www.boomspeed.com/aznkut3angel/emirheader.jpg" align="center">
<a href="http://weirdwig.livejournal.com/calendar">Archive</a> & <a href="http://weirdwig.livejournal.com/friends">Friends</a> & <a href="http://weirdwig.livejournal.com/profile">Info</a>
<style type="text/css">
<!--
table table table table .meta
{visibility:hidden;position:absolute;top:1px}
table table table table table .meta
{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>


<=LASTN_WEBSITE