collapsible modules Options

[x_tuesday]

hey guys, i used the code to make collapsible modules and it's kinda working, but not right... it ends up at the top above my blog instead of beside it.

here's the code i'm using:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type=text/css><br />/* edit to your liking */<br />table.module { border: 1px solid #000000; width:160px; background-color:FFFFFF; }<br />table.module th { background-color: #ffffff;font: bold 11px arial; text-transform: uppercase;color: #000000; border: none; }<br />table.module td {color: #000000; text-align: left; border: none; background-image: none; }<br /></style><br /><br /><!-- add this below all the CSS --><br /><br /><table border=0 width="660"><tr><td valign="top" width="160"><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b></b></th></tr><tr><td valign="top" class="module"> <br /><style type="text/css"><br />.menutitle{<br />cursor:pointer;<br />margin-bottom: 5px;<br />background-color:#FFFFFF;<br />color:#666;<br />width:140px;<br />padding:2px;<br />text-align:center;<br />font-weight:bold;<br />/*/*/border:1px solid #000000;/* */<br />}<br /><br />.submenu{<br />margin-bottom: 0.5em;<br />}<br /></style><br /><br /><script type="text/javascript"><br /><br />/***********************************************<br />* Switch Menu script- by Martial B of http://getElementById.com/<br />* Modified by Dynamic Drive for format & NS4/IE4 compatibility<br />* Visit http://www.dynamicdrive.com/ for full source code<br />***********************************************/<br /><br />if (document.getElementById){ //DynamicDrive.com change<br />document.write('<style type="text/css">\n')<br />document.write('.submenu{display: none;}\n')<br />document.write('</style>\n')<br />}<br /><br />function SwitchMenu(obj){<br /> if(document.getElementById){<br /> var el = document.getElementById(obj);<br /> var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change<br />  if(el.style.display != "block"){ //DynamicDrive.com change<br />   for (var i=0; i<ar.length; i++){<br />    if (ar[i].className=="submenu") //DynamicDrive.com change<br />    ar[i].style.display = "none";<br />   }<br />   el.style.display = "block";<br />  }else{<br />   el.style.display = "none";<br />  }<br /> }<br />}<br /><br /></script><br /><br /><!-- Keep all menus within masterdiv--><br /><div id="masterdiv"><br /><br /> <div class="menutitle" onclick="SwitchMenu('sub1')">AB0UT ME</div><br /> <span class="submenu" id="sub1"><br /> <b>they call me:</b>christina.<b>i blow out my candles on:</b>september 19th.<b>i have:</b>boobs.<b>represent:</b>615 CA$HVILLE BABY.<b>i like:</b>pink starbust candies,Bob&Tom on 102.9,theme parks,Google,old theaters,being left handed,parks,birthdays,talking to strangers,gummy bears,spazzing out around random people i don't know,sleeping upside down,not wearing shoes,hardwood floors,friends,big crowds,concerts,music,rain,presents,messy ponytails,sneezing,Foster's Home,Grim Adventures of Billy&Mandy,sweatshirts,converses<3.<b>i'm good at:</b>everything.<br />  <br />  <br /> </span><br /><br /> <div class="menutitle" onclick="SwitchMenu('sub2')">Subscriptions</div><br /> <span class="submenu" id="sub2"><br /> Put your Subs in here!<br /> </span><br /><br /><br /> <div class="menutitle" onclick="SwitchMenu('sub3')">Extra Module</div><br /> <span class="submenu" id="sub3"><br /> Other stuff!<br /> </span><br /><br /> <br /></div></td></tr></table><br><br /></td><br /><!-- end code provided by createblog.com --><br /><br /><!-- end code provided by createblog.com -->

and here's my xanga: click here

what should i change?

[Pulchritude]

umm try changing the position to left rather then center

this part!

<!-- begin code provided by createblog.com --><br /><table border=0 width="660"><tr><td valign="top" width="160"><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b></b></th></tr><tr><td valign="top" class="module"> <br /><style type="text/css"><br />.menutitle{<br />cursor:pointer;<br />margin-bottom: 5px;<br />background-color:#FFFFFF;<br />color:#666;<br />width:140px;<br />padding:2px;<br />[B]text-align:center;[/B]<br />font-weight:bold;<br />/*/*/border:1px solid #000000;/* */<br /><!-- end code provided by createblog.com -->

hope that helps