Xanga CSS Issues Options

[sisters_of_heres...]

I am using the drop down music playlist code from one of your css layouts (not the actual layout though) and I can't figure out how to incorporate it into the left side of my menu, it just won't show up! Also, I can't figure out how to add more sections to my left menu. Example, Instead of having a direct link to "View Profile," I wanted to put the information directly into the menu like how Xanga originally does it. I know I need to use tables. So how do I add tables to the left menu so that they are perfectly aligned with the other data. When I try to add a table, it seems to always sit right above my screen name on the left side and cause everything else to move to the left. Also, how do I incorporate the table's style into the css code below?

My Xanga is: http://www.xanga.com/sisters_of_heresy

CODE

Music Script

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">TITLE HERE</th></tr>
<tr><td valign="top" class="module">
<object id="darkplayer" codeBase="[url="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"]http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701[/url]" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
</p>
<form name="form">
<p style="text-align: center">
<select style="FONT-SIZE: 8pt; WIDTH: 170; height:174" name="playlist" size="1">
<option value="0"> SONG NAME </option>
<option value="1"> SONG NAME </option>
<option value="2"> SONG NAME </option>
<option value="3"> SONG NAME </option>
<option value="4"> SONG NAME </option>
<option value="5"> SONG NAME </option>
<option value="6"> SONG NAME </option>
<option value="7"> SONG NAME </option>
<option value="8"> SONG NAME </option>
<option value="9"> SONG NAME </option>
<option value="10"> SONG NAME </option>
<option value="11"> SONG NAME </option>
<option value="12"> SONG NAME </option>
<option value="13"> SONG NAME </option>
<option value="14"> SONG NAME </option>
<option value="15"> SONG NAME </option>
<option value="16"> SONG NAME </option>
<option value="17"> SONG NAME </option>
<option value="18"> SONG NAME </option>
<option value="19"> SONG NAME </option>
<option value="20"> SONG NAME </option>
</select><br>
<input TYPE="BUTTON" NAME="darkplay" VALUE="PLAY" OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="darkpause" VALUE="PAUSE" OnClick="document.darkplayer.pause(); playstate=2;">
<input TYPE="BUTTON" NAME="darkstop" VALUE="STOP" OnClick="document.darkplayer.stop(); playstate=2;"></p>
</form>


<script language="JavaScript">
<!--
var playstate = 1;
shuffle = 1; // set to 0 to always play first song in list
// set to 1 to randomly choose the first song to play
// [url="http://www.xanga.com/smartypants91780"]www.xanga.com/smartypants91780[/url]
// unlimited songs, just copy and paste the song line and change the number
songs=new Array();
songs[0]=" SONG URL "
songs[1]=" SONG URL "
songs[2]=" SONG URL "
songs[3]=" SONG URL "
songs[4]=" SONG URL "
songs[5]=" SONG URL "
songs[6]=" SONG URL "
songs[7]=" SONG URL "
songs[8]=" SONG URL "
songs[9]=" SONG URL "
songs[10]=" SONG URL "
songs[11]=" SONG URL "
songs[12]=" SONG URL "
songs[13]=" SONG URL "
songs[14]=" SONG URL "
songs[15]=" SONG URL "
songs[16]=" SONG URL "
songs[17]=" SONG URL "
songs[18]=" SONG URL "
songs[19]=" SONG URL "
songs[20]=" SONG URL "

if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];
}
playstate = 1;
}
//-->
</script>

CODE

Layout & Css

<style type="text/css">

#pnlEnabled table, .htmleditor {
width:100% !important; }

BODY {
scrollbar-face-color: #009900;
scrollbar-shadow-color: #cc0000;
scrollbar-highlight-color: #cc0000;
scrollbar-3dlight-color: #009900;
scrollbar-darkshadow-color: #009900;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #cc0000;
background-color: #;
background-image: url("[url="http://i150.photobucket.com/albums/s81/sisters_of_heresy/backgroundimage.gif"]http://i150.photobucket.com/albums/s81/sisters_of_heresy/backgroundimage.gif[/url]");
background-repeat: repeat;

overflow-x: hidden;  
font-family: Tahoma;
font-size:8pt;
font-color: #000000;
line-height:150%;
text-align: justify;
}


center, font{
font-family: Tahoma;
font-size: 8pt;
font-color: #000000;
line-height: 12px;}

table.left {
background-color: transparent;
border:0px;
}

table.left th {
background-color: transparent;
font: 12px tahoma;
text-transform: lowercase;
color: #000000;
text-align: left;
font-weight:bold;
padding-top:0;
padding-bottom:0;
border-bottom: 1px solid #cc0000;
}

table.left TD {
background-color: transparent;
color: #ffffff;
border: 0px;
text-align:left;
}

.blogheader{
background-color: transparent;
font: 12px hahoma;
text-transform: lowercase;
color: #009900;
border: 0px;
text-align: left;
font-weight:bold;
padding-left:4px;
padding-top:0;
padding-bottom:0;
}

.blogbody{
border-top: 1px solid #009900;
color: #009900;
background-color: #transparent;
}

.blogbody td{
width: 0px;
padding-left: 0px}

input, select, menu, #htmleditor, textarea, .textfield, .button{
border: none;
font-family:"tahoma";
font-size:8pt;
font-color: #000000;
line-height:150%;
background-color: transparent;
text-align: center;
}

.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{
font-family: tahoma;
font-size: 11px;
color: #000000;
text-align:left;
}

STRONG{
COLOR: #009900;
letter-spacing: 0pt;
cursor: crosshair;}

A:link{
font-family:tahoma;
text-decoration:none;
color: #000000;
}

A:visited{
text-decoration:none;
font-family:tahoma;
color:#009900;
}

a:active{
color: #009900;}

A:hover{
text-decoration:none;
font-family:tahoma;
color:#cc0000;
}

.search, .searchbarborder, .footer, hr, banner{ display: none; }
.navigation {  display: none; font-weight: none !important; width: 100% !important; font-size: 10px;}
.navigation * div {  display: none; float: right; font-weight: none !important}
</style>

<div style="width: 600px; border: 1px solid #000000; background-color: #ffffff;">
<div style="border: 1px solid #ffffff;">
<img src="[url="http://i150.photobucket.com/albums/s81/sisters_of_heresy/Pixiesbanner.jpg"]http://i150.photobucket.com/albums/s81/sisters_of_heresy/Pixiesbanner.jpg[/url]" width="600" height="387" border="0" alt="" usemap="">