White Space above Layout content Options

[s3xt0y]

ok, so i've been doing div's for a bit, stopped for a while and now starting to get back into them.
I have a space between my div picture and myspae header buttons:

click to enlarge

It's like this is in the newest versions of Opera, Firefox, Internet Explorer.

My Code(I see nothing wrong, but maybe you do?):

CODE

<style>
.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}
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;}
</style>

<div class="main">
<table style="width: 800px;
height: 518px;
cellpadding: 0px;
cellspacing: 0px;
background-color: FFFFFF;">
<tr><td valign="top">
<img src="http://i175.photobucket.com/albums/w160/Weedxxx/lyt.jpg" width="800" height="518" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="524,8,584,45" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendId=37306358" />
<area shape="rect" coords="622,11,673,54" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV2&friendID=37306358" />
<area shape="rect" coords="712,19,780,55" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums2&friendID=37306358&view=true" />
</map>
</td></tr></table></div>

Reason for edit: Please thumb large images. Thanks. - TJ