Layout code help., HUGE annoying space at the top. Options

[MikeG003]

Theres a HUGE space at the top where theres just nothing, and I kinda wanna shrink it or completely get rid of it. But I've tried and tried and cant seem to get rid of that. Here is my layout code.

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>.r{}</style>

<style type="text/css">
.main_header{ overflow:auto;position:absolute; z-index:2;left:-3px;top:0px;visibility:visible;}
.content{position:absolute;left:59px;top:368px;width:409px;overflow:visible; overflow-x:hidden; z-index:2;visibility:visible;}
.sidebar{position:absolute;left:477px;top:368px;width:188px;overflow:visible; overflow-x:hidden;z-index:2;visibility:visible;}
</style>
<style type="text/css">
td td embed, td td object{position:absolute; left:0px; top:0px; width:260px; height:47px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form img{display:none!important;}
table table,table table table table,table table {
background-color:transparent;width:270px; border:0px;}
</style>
<style type="text/css">
table, tr, td { background-color:transparent; border:0px none; }
body {background-color:ffffff;
background-image:url('http://layouts.cbimg8.com/35/17564d.png');
background-repeat: repeat-y;
Background-position: left;
background-attachment:scroll; scrollbar-arrow-color:d3e49f;
scrollbar-face-color:ffffff;
scrollbar-highlight-color:d3e49f;
scrollbar-3dlight-color:d3e49f;
scrollbar-shadow-color:cccccc;
scrollbar-darkshadow-color:cccccc;
scrollbar-track-color:ffffff;}

div,table,td{ font-family: verdana;
font-size: 8pt; color: 777777;
text-align: left;
border:none;
padding-left: 3px; padding-right: 3px;
line-height: 12px; overflow-x: hidden;}

input, select, textarea, .textfield, .button { font-family: verdana;
font-size: 8pt; color: 777777;
border-style:solid; border-size: 1px; border-color: 000000; background-color: ffffff; text-align: left;}


.p {text-align: right; font-family: verdana; font-size: 8pt; color: ffffff; text-align: left; border:none; padding-left: 3px; padding-right: 3px; line-height: 12px; overflow-x: hidden;}

.header{display: block; visibility: visible; font-family: "times"; font-size: 22px; font-weight: normal; text-transform: none; letter-spacing:-2px; line-height:16px; text-align: left; color:000; border-bottom: 1px dashed; border-color:000; background:url(http://layouts.cbimg8.com/35/17564e.png) right no-repeat;}

b, strong {font-family: verdana; font-size: 9pt; color: 000000; font-weight: bold;}
i, em{font-family: verdana; font-size: 9pt; color:d3e49f;}
s {font-family: verdana; font-size: 9pt; color: bbbbbb;}
u {font-family: verdana; font-size: 9pt; color: cccccc;}


.link:hover{display:block; background:url() right center no-repeat; text-align:left; background-color:9EB954; height:14px; padding-top:2px; z-index:6}
a, a:link, a:active, a:visited {font-family: verdana; font-size: 8pt; color: 777777; text-decoration: none; font-weight: normal;}
a:hover {font-family:verdana; font-size:8pt; color:d3e49f; background-color: transparent;}
a:link img, a:visited img {filter: none;border:0px}
</style>


<div class="main_header">
<MAP NAME="livewire_map">
<AREA SHAPE=rect COORDS="488,358,597,365" HREF="http://ecc.xlayoutsx.com" ALT="East Coast Designs & Co.">
<AREA SHAPE=rect COORDS="608,359,661,366" HREF="http://freewebs.com/xequilibrium" ALT="Equilibrium">
</MAP>

<IMG SRC="http://layouts.cbimg8.com/35/17564c.png" border=0 width=724 height=399 USEMAP="#livewire_map">

<style>.r{}</style>

And here is my myspace is ya wanna see.

http://myspace.com/michaelglisson

[*karmakiller*]

Try changing the number of the positioning of the divs, specifically this part:

<style type="text/css">
.main_header{ overflow:auto;position:absolute; z-index:2;left:-3px;top:0px;visibility:visible;}
.content{position:absolute;left:59px;top:368px;width:409px;overflow:visible; overflow-x:hidden; z-index:2;visibility:visible;}
.sidebar{position:absolute;left:477px;top:368px;width:188px;overflow:visible; overflow-x:hidden;z-index:2;visibility:visible;}
</style>

When I view your page, I don't see the big the gap, but your layout image doesn't want to load for some reason. But, just try that and see if that fixes what you're talking about.

[MikeG003]

Well your feedback helped alot. But it wasnt exactly what I was looking for. Look at my profile now. Now the "livewire" part is interfering with my about me.
Is there anyway I can hide the "livewire" words?
Or better yet, is there anyway I can just get rid of the entire top section?