Top banner dragged down when blog added Options

[Jooosh]

I've been trying to make a band layout for days but im having some problems with the headers. Ive put in the codes for the blogs and my picture and when i add a new blog, my top banner gets dragged down with it. I saw about the left side might overlap so i changed the width so that it doesnt but im still having the same problem. ive gone over the tutorials many times and have searched through over topics but found nothing. Any help would be much appreciated as this is the last thing i have to do before i finish.
Thanks
Josh

[Jooosh]

ahhh sorry about that
heres a link to my page: http://www.myspace.com/downhilldesigns

I'm quite new to all this so any help you can give is appreciated :)

and heres my code:

CODE

<style>body table { margin-top: 400px;_margin-top: 400px; color: 000000; }
body td table, body div table { margin-top: 0; _margin-top:0; color: 000000; z-index:9;}</style>

<style>
.masthead {position:absolute; margin-top:-887px; margin-left:-390px; left:50%; width:784px; height:400px; z-index:2;}
</style>

<div class="masthead">
<img src="http://i34.tinypic.com/kcnthk.jpg" />
</div>

<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{ background-color: transparent !important; color: !important; width: 450px !important; border-collapse: collapse !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 15px !important; padding: 0 !important; table-layout: fixed !important; position: relative !important; background-image: url(http://i37.tinypic.com/qrngxx.jpg); background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden; _background-position: 0px 2px; _margin-left: -4px !important; _margin-top: 0px !important;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{ display: inline; margin: 0 !important; padding: 0 !important;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{ display: block !important; margin: 0 !important; padding: 0 !important; width: 449px !important; font-family: Arial; color: !important; clear: both !important; font-size: 1px !important; line-height: 0px; vertical-align: middle;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{ float: right; line-height: 35px; color: ; padding: 0px !important; margin: 0px !important; padding-right: 5px !important; position: relative; z-index: 6; font-weight: normal; font-size: 10px !important; display: block; height: 35px; text-transform: Capitalize; _font-size: 10px !important; _width:120px; _text-align:right; _font-weight: normal; _postion: absolute !important; _margin-top: -4px !important;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{ line-height: 35px; position: absolute; display: block; border-bottom: 1px dotted dimgray; border-color: ; width: 443px; color: ; padding: 0px !important; margin: 0px !important; padding-left: 5px !important; z-index: 5; font-weight: normal; font-size: 10px !important; height: 35px; _font-size: 10px !important; _margin-top: -3px !important; _font-weight: normal !important; _margin-left: -3px !important; _width:449px;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{ display: block; float: left; width: 50px !important; height: 43px; font-size: 1px; overflow: hidden; color: !important; line-height: 300px;}</style>


<style>
.tg_left {position:absolute; margin-top:-500px; margin-left:-390px; left:50%; width:320px; height:800px; background-color:FFFFFF; z-index:2;}
</style>

<div class="tg_left">
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" width="320">
<tr>
<td colspan="2"> <img style="width: 320px; height: 277px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_24_10_0.jpeg" alt="" /></td>
</tr>
<tr>
<td colspan="2"> <img style="width: 320px; height: 45px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_24_10_1.jpeg" alt="" /></td>
</tr>
<tr>
<td colspan="2"> <img style="width: 320px; height: 12px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_24_10_2.jpeg" alt="" /></td>
</tr>
<tr>
<td colspan="2"> <img style="width: 320px; height: 44px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_24_10_3.jpeg" alt="" /></td>
</tr>
<tr>
<td colspan="2"> <img style="width: 320px; height: 13px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_24_10_4.jpeg" alt="" /></td>
</tr>
<tr>
<td colspan="2"> <img style="width: 320px; height: 45px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_25_04_0.jpeg" alt="" /></td>
</tr>
<tr>
<td colspan="2"> <img style="width: 320px; height: 13px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_25_04_1.jpeg" alt="" /></td>
</tr>
<tr>
<td colspan="2"> <img style="width: 320px; height: 44px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_25_04_2.jpeg" alt="" /></td>
</tr>
<tr>
<td colspan="2"> <img style="width: 320px; height: 169px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_25_04_3.jpeg" alt="" /></td>
</tr>
<tr>
<td> <img style="width: 234px; height: 43px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_25_04_4.jpeg" alt="" /></td>
<td rowspan="2"> <img style="width: 86px; height: 138px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_25_52_0.jpeg" alt="" /></td>
</tr>
<tr>
<td> <img style="width: 234px; height: 95px;" src="http://www.grahamphisher.com/forums/gallery/2740_09_10_09_1_25_52_1.jpeg" alt="" /></td>
</tr>
</table>
</div>






<style>{THIS MAKES THE BODY TABLE TRANSPARENT}{*NOTE* - IF YOU DO NOT WANT THE BODY TABLE TRANSPARENT, SIMPLY CHANGE TRANSPARENT TO A COLOR}table, tr, td{background-color:transparent;}body, body.bodycontent{background-color: FFFFFF;background-image:url(http://i33.tinypic.com/nzngox.jpg);background-position: top center;background-repeat: no-repeat;background-attachment: fixed;overflow-x: hidden;}{THIS EDITS THE MAIN TEXT STYLE AND COLORS}body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{color:000000;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none;text-transform:none;font-family:arial;}{THIS CHANGES COLOR AND STYLE OF NAMETEXT AND HEADINGS}.orangetext15, text, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{color:74db7c;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none;text-transform:none;font-family:arial;}{THIS CHANGES COLOR AND STYLE OF LINKS}a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{color:74dbef;font-size:8pt;font-weight:bold;font-style:normal;text-decoration:none;text-transform:bold;font-family:arial;}{THIS CHANGES COLOR AND STYLE OF LINKS ON HOVER}a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{color:74db7c;font-size:8pt;font-weight:bold;font-style:normal;text-decoration:none;text-transform:bold;font-family:arial;} {THIS ALSO MAKES THE BODY TABLE TRANSPARENT AND MAKES SURE ALIGNMENTS ARE FINE}{NOTHING NEEDS TO BE CHANGED HERE EXCEPT IF YOU WANT THE FONT CHANGED}p {margin: 0px 0px 1em 0px; font-family: arial !important}body>div {margin-left: 0px;}table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}table table table td {background-color:transparent;margin:0px;padding: 0 0px 0px 0px}table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}table table table table td {padding:0px;margin:0px;}table table table { background-color: transparent; border: 0 solid; border-color: transparent; width: 100%; }object {position:relative; z-index:1;}body td table, body div table {margin-top: 0px;}.a {hide URL label}.a {hide top links}.a {unhide navigation bar}.navbar {visibility:visible;}{THIS HIDES BASICALLY EVERYTHING ON THE LEFT SIDE]{*NOTE* - IF YOU DON'T WANT THE LEFT SIDE HIDDEN, TAKE OUT EVERYTHING BUT .ORANGETEXT15 AND .WHITETEXT12}.contactTable {display: none;}.orangetext15 {display: none;}.navigationbar {display: none;}.userprofileurl {display: none;}.profileInfo{display:none;}.whitetext12 {display: none;}img {border:0px;}{THIS HIDES UNNECESSARY BORDER LINES WHEN HIDING SECTIONS}table table table table div {visibility:hidden;}div table table table table table div input, div a, td.text div {visibility:visible;}table table table table div {visibility:hidden;}div table table table table table div input, div a, td.text div {visibility:visible;}



</style>