DIV layout problem Options

[Ugly FX]

I made a div layout, and I put a section for a music player, but because I use a background music code, I don't need the music player "section" on the layout.

I've tried making it into another small table, but when I try, takes the entire layout, excluding the comment box & the contact me box, and puts it into my top table.

Here's the code, what am I doing wrong?

<style>
.x .credit to DUDEMAN4134 for original code xXx{visible and hidden objects}
table, table td {background-color:transparent;}
table table table {visibility:hidden;}
table table table div table {visibility:visible;}
.comt table table table {visibility:visible;}
table div div, table tr td div font a {visibility:hidden;}
table div .content {visibility:visible}

.x {gereral}
body {background-color:000000;background-image:url(''); background-attachment: fixed; background-position:bottom left; background-repeat:no-repeat;}
body {scrollbar-face-color:000000; scrollbar-highlight-color:FFFFFF; scrollbar-3dlight-color:000000; scrollbar-shadow-color:ffffff; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:FFFFFF; scrollbar-track-color:000000;}

.x {text}
div, a, font, input, textarea, td, span {font-family: franklin gothic book !important;font-size:7pt !important; text-transform:lowercase !important;}
a, a font, font, span {color:FFFFFF !important;}

.x {divs}
.info, .commentbox, .contact, .musicplayer, .blank1, .welcome, .music, .tv, .books, .blank2, .comt {background-color:595959; position:absolute; left:50%; top:0%; visibility:visible; border-width:1px; border-style:solid; border-color:FFFFFF; overflow:auto;}
.heading {width:100%; background-color:000000; text-align:center; border-bottom-color:000000; border-bottom-width:1px; border-bottom-style:solid; color:FFFFFF !important;}
.content {padding:3px;}
.info {width:200px; height:200px;
margin-left:-310px; margin-top:164px;}
.commentbox {width:200px; height:66px;
margin-left:-310px ;margin-top:374px;}
.contact {width:200px; height:54px;
margin-left:-310px; margin-top:450px;}
.musicplayer {width:200px; height:70px;
margin-left:-310px; margin-top:515px;}
.blank1 {width:200px; height:200px;
margin-left:-310px; margin-top:595px;}
.welcome {width:410px; height:120px;
margin-left:-100px; margin-top:164px;}
.music {width:200px; height:210px;
margin-left:-100px; margin-top:294px;}
.tv {width:200px; height:130px;
margin-left:110px; margin-top:294px;}
.books {width:200px; height:70px;
margin-left:110px; margin-top:434px;}
.blank2 {width:410px; height:280px;
margin-left:-100px; margin-top:514px;}
.comt {width:0px;
margin-left:-0px; margin-top:0px;}

.x {comment box}
.commentbox {overflow:hidden;}
.commentbox input {border-color:ffffff; border-width:1px; border-style:solid; width:32px; height:21px; background-color:CCCCCC;}
.commentbox table textarea {position:relative; top:-9px; border-color:ffffff; border-width:1px; border-style:solid;}

.x {music player}
table table ebed{position:absolute; left:50%; top:0%; margin-left:-305px; margin-top:531px; width:190px;}

.x {contacting}
.contact a:link, .contact a:visited {width:95px; background-color:Black; border-color:ffffff; border-width:1px; border-style:solid; text-align:center; letter-spacing:1px;}
.contact a:active, .contact a:hover {background-color:000000; border-color:ffffff; color:FFFFFF !important; letter-spacing:3px;}

.x {friends and comments}
.comt table, .comt table td {border-width:0px;}
.comt a img {width:90px;}

.x {linked images}
a img {border-width:2px; border-color:"Red";}
</style>





<div class=info>
<span class=heading> </span>
<div class=content>
<br><br>
View my: <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=70765034">Pics</a> | <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=70765034">Videos</a> | <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=70765034">Blog</a>
</center>
</div>
</div>





<div class=commentbox>
<span class=heading>Succumb To The Reaper</span>
<div class=content>
<center><br>
<table cellpadding=0 cellspacing=1>
<tr>
<td rowspan=2>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="70765034" type="hidden">
<textarea name="f_comments" rows=3 cols=25></textarea>
</td>
<td>
<input type=submit value=cmnt>
</td>
</tr>
<tr>
</td>
<tr>
</table>
</table>
</center>
</div>
</div>





<div class=contact>
<span class=heading>Contact Me</span>
<div class=content>
<center>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=70765034" style="margin-bottom:2px;">Message</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=70765034" style="margin-bottom:2px;">Add</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=70765034" style="width:192">Block</a>
</center>
</div>
</div>






<div class=blank1>
<span class=heading>Heroes</span>
<div class=content>
</div>
</div>






<div class=welcome>
<span class=heading>. FAQ .</span>
<div class=content>
</div>
</div>





<div class=music>
<span class=heading>MUSIC</span>
<div class=content>
<br>
</div>
</div>






<div class=tv>
<span class=heading>TV</span>
<div class=content>



</div>
</div>



<div class=books>
<span class=heading>BOOKS</span>
<div class=content>

</div>
</div>





<div class=blank2>
<span class=heading>About Me</span>
<div class=content>
</div>
</div>



<style type="text/css">.comments {visibility:hidden;display:none;}</style><br />

I will add that I did take out the table for the music player "table".