Multiple issues, comments, comment box, z-index, and div Options

[protos]

<a href="http://img180.imageshack.us/my.php?image=helpneededln7.jpg" target="_blank"><img src="http://img180.imageshack.us/img180/2717/helpneededln7.th.jpg" border="0" alt="Image Uploaded by ImageShack Toolbar" title="Image Uploaded by ImageShack Toolbar" /></a>

click on that to see everything. it's at http://www.myspace.com/protos_designs

if you have Firefox, you can block my background image and see my comment box behind it, and in the wrong spot.

my media player doesn't want to cooperate for some reason. and I don't think z-indexes are doing the trick

About Me

CODE

<style stype="text/css">
.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 0px; left: 0px; width:120px;
padding: 0px; margin: 0px; margin-left: -354px; z-index: 5;
color: white; background: black; filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>

<style type="text/css">
table, tr, td {background:transparent;}
table table table table, table table table table td.text, table.contactTable {display:none;}
td.text table, .orangetext15 {visibility:hidden;}
td.text table table {display:inline; visibility:visible;}
div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>

<style type="text/css">
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;}
</style>

<style type="text/css">
redtext{color:#FFFFFF}
div b font font, div font font u {display:none;}
body {background-color:720000;}
table, tr, td {background-color: transparent; border: 0px}
Table, Td{ background-color:transparent; }
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link,
a.searchlinkSmall:visited {color:ffffff; font-weight:normal; font-style:normal;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:ffffff; font-weight:normal; text-decoration:underline; font-style:normal;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:ffffff; font-weight:normal; font-style:normal; }
table, td, div, p {background: transparent;}
a.searchlinkSmall:link, a.searchlinkSmall:visited, a.searchlinkSmall:active, a.searchlinkSmall:hover, a.navbar:link, a.navbar:visited, a.navbar:active, a.navbar:hover{color: 8C0000;font-size: 2px;}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}
</style>

<style type="text/css">
img,a:active img,a:visited img,a:hover img{
border-color:000000;}
</style>

<style type="text/css">

.backtrack{position: absolute; width:700px; height: 500px; top:100px; left: 50%; margin-left: -350px; background-color: transparent; z-index: 1}

.scroll{position: absolute; width:139px; height: 510px;  left: 50%; bottom: 50%; margin-left: 283px; background-color: transparent; z-index: 1}

.navi{position: absolute; width: 525px; height:  100px; top: 114px; left: 50%;  margin-left: -335px; background-color: none; z-index: 3}

.drops{position: absolute; width: 450px; height:  100px; top: 320px; left: 50%;  margin-left: 23px; background-color: none; z-index: 3}

.music {position: absolute; width="218px" height="155px" top: 700px; left: 50%;  margin-left: -225px; background-color: none; z-index: 3}

.comments{visibility:visible; width:380px; height:188px; position:absolute; top:302px; left:50%; margin-left:-236px; overflow:auto; background-color:transparent; border:none; z-index: 8}

.home{height: 26px; width: 49px;  background: url(http://i35.photobucket.com/albums/d164/the_protos/myspace/nav1.gif) top left no-repeat; display: block;}
.home:hover{background-position: bottom left;}

.pics{height: 26px; width: 39px; overflow: hidden; background: url(http://i35.photobucket.com/albums/d164/the_protos/myspace/nav2.gif) top left no-repeat; display: block;}
.pics:hover{background-position: bottom left;}

.videos{height: 26px; width: 57px; overflow: hidden; background: url(http://i35.photobucket.com/albums/d164/the_protos/myspace/nav3.gif) top left no-repeat; display: block;}
.videos:hover{background-position: bottom left;}

.message{height: 26px; width: 74px; overflow: hidden; background: url(http://i35.photobucket.com/albums/d164/the_protos/myspace/nav4.gif) top left no-repeat; display: block;}
.message:hover{background-position: bottom left;}

.add{height: 26px; width: 36px; overflow: hidden; background: url(http://i35.photobucket.com/albums/d164/the_protos/myspace/nav5.gif) top left no-repeat; display: block;}
.add:hover{background-position: bottom left;}

.faves{height: 26px; width: 53px; overflow: hidden; background: url(http://i35.photobucket.com/albums/d164/the_protos/myspace/nav6.gif) top left no-repeat; display: block;}
.faves:hover{background-position: bottom left;}

.friends{height: 26px; width: 63px; overflow: hidden; background: url(http://i35.photobucket.com/albums/d164/the_protos/myspace/nav7.gif) top left no-repeat; display: block;}
.friends:hover{background-position: bottom left;}

.viewcomments{height: 26px; width: 87px; overflow: hidden; background: url(http://i35.photobucket.com/albums/d164/the_protos/myspace/nav8.gif) top left no-repeat; display: block;}
.viewcomments:hover{background-position: bottom left;}

.blogs{height: 26px; width: 52px; overflow: hidden; background: url(http://i35.photobucket.com/albums/d164/the_protos/myspace/nav9.gif) top left no-repeat; display: block;}
.blogs:hover{background-position: bottom left;}
</style>

Who I'd Like to Meet:

CODE

<img src="http://i35.photobucket.com/albums/d164/the_protos/myspace/background.gif" class="backtrack" border="2px solid">


<div class="navi"><table><tr>
<td><a href= "http://home.myspace.com/index.cfm?fuseaction=user" CLASS="home" ></a>
<td><a href= "http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=36411043"
CLASS="pics"></a>
<td><a href= "http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=36411043"
CLASS="videos"></a>
<td><a href= "http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=36411043"
CLASS="message"></a>
<td><a href= "http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=36411043"
CLASS="add"></a>
<td><a href= "http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=36411043"
CLASS="faves"></a>
<td><a href= "http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=36411043"
CLASS="friends"></a>
<td><a href= "http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=36411043"
CLASS="viewcomments"></a>
<td><a href= "http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=36411043" CLASS="blogs"></a>
<td>
</td></tr></table></div>

<div class="drops">
<select style="color:ffffff; background-color: 8c0001; font-family:Arial; text-align:center; font-size:10px; width:150px;">
<option>My Music
<option>30 Seconds to Mars
<option>Anberlin
<option>Audio Adreneline
<option>Aqualung
<option>Armor for Sleep
<option>Blindside
<option>Blue Man Group
<option>Chevelle
<option>Coldplay
<option>Copeland
<option>dc Talk
<option>Dead Poetic
<option>Death Cab for Cutie
<option>Eisley
<option>Emery
<option>Evanescence
<option>Family Force 5
<option>Flyleaf
<option>Frou Frou
<option>Hawk Nelson
<option>House of Heroes
<option>Imogen Heap
<option>Jack Johnson
<option>John Mayer
<option>John Reuben
<option>Kill Hannah
<option>Lovedrug
<option>Muse
<option>Mute Math
<option>P.O.D.
<option>Pillar
<option>Radiant
<option>Radiohead
<option>Relient K
<option>Run Kid Run
<option>Sanctus Real
<option>Showbread
<option>Sixpence None the Richer
<option>Snow Patrol
<option>Subseven
<option>Switchfoot
<option>Terminal
<option>The Classic Crime
<option>The Darkness
<option>The Fray
<option>The Killers
<option>The Postal Service
<option>Thousand Foot Krutch
<option>Tobymac
<option>U2
<option>Underoath
</select>

<select style="color:#ffffff; background-color: #8c0001; font-family:Arial; text-align:center; font-size:10px; width:150px;">
<option>My Movies
<option>Back to the Future
<option>Batman Begins
<option>Bruce Almighty
<option>Chronicles of Narnia
<option>Count of Monte Cristo
<option>I, Robot
<option>Knight's Tale
<option>Liar, Liar
<option>Lord of the Rings
<option>Matrix
<option>Mighty Python
<option>Minority Report
<option>Napoleon Dynamite
<option>Ocean's Eleven
<option>Pirates of the Caribbean
<option>Shrek
<option>Speed
<option>Spider-Man
<option>Star Wars
<option>The Incredibles
<option>The Prestige
<option>The Princess Bride
<option>V for Vendetta
<option>War of the Worlds
<option>What About Bob?
</select>

<select style="color:#ffffff; background-color: #8c0001; font-family:Arial; text-align:center; font-size:10px; width:150px;">
<option>My Shows
<option>Lost
<option>Heroes
<option>Smallville
<option>Prison Break
<option>Red Green Show
<option>CSI
<option>Stargate
<option>Justice League
<option>Who Wants to be a SuperHero?
<option>Kids Next Door
<option>Mythbusters
<option>MacGyver
<option>Monk
<option>Numb3rs
</select>
</div>

<div class="music"><embed allowScriptAccess="never" allowNetworking="internal" enableJSURL="false" enableHREF="false" saveEmbedTags="true" src= "http://www.myflashfetish.com/myflashfetish-mp3-player.swf?myid=1196192&mycolor=0x720000&mycolor2=0x720000"
enableHREF="false" saveEmbedTags="true" menu="false" quality="best" scale="noscale" bgcolor="#720000" wmode="transparent" width="218" height="155"  align="middle" allowScriptAccess="never" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" ></div>

<div class="addcom" colspan="6" rowspan="2">
<center><br><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="36411043" type="hidden"><textarea name="f_comments" cols="35" rows="7" style="border-width: 1px; font-family: Arial; font-size: 10px; color: FFFFFF; background-color: transparent; overflow:auto;"></textarea>
<br>
<input value="add comment" style="border-width: 1px; font-family: Arial; font-size: 10px; color: FFFFFF; background-color: transparent; overflow:auto;" type="submit">

<input value="clear" style="border-width: 1px; font-family: Arial; font-size: 10px; color: FFFFFF; background-color: transparent; overflow:auto;" type="reset"></form></center>
</div>

[protos]

don't all jump up at once