postioning stuff ... Options

[squeex3]

could someone help me position some module thingies on my xanga please.

here is my xanga site.

I want to adjust the positioning of the 3 mods at the bottom. I want to move them so that they are positioned level, and horizontally across, just underneath the blog.

here is my html:

CODE

<img src="http://i1.tinypic.com/ofrf5d.jpg">



<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>


<style type="text/css">
/*Name of Your Skin*/
/*by YOU*/
body {
background-image:http://i1.tinypic.com/ofrf5d.jpg;
background-repeat: repeat-y;
background-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #888888;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:450px;
font-family: tahoma;
font-weight: none;
font-size: 10pt;
color: #ffffff;
text-align: justify;
padding: 0px;
margin-top: 2px;
}

.caption, .blogheader {
width: 450px;
padding: 3px;
font-family: tahoma;
font-size: 14pt;
text-align: center;
color: #ffffff;
background-color: transp;
text-transform: lowercaps;
margin-top: 10px;
}

div.smalltext{
width: 450px;
padding: 3px;
text-align: left;
}

P, B, I, TD, TH
{font-family: tahoma; color: #ffffff; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ffffff; text-decoration:underline; font-size:8pt;}
a:hover
{text-decoration: strike; color:#ffffff; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-transform: lowercaps;
</style>


<div style="position:absolute; margin-left: 0px;margin-top: -200px;border: 0px #ffffff; width: 175px; height: 400px;background: none; overflow: auto">
<table border="0" width=100%><tr>
<td colspan=2>
<b class=nav>[<33]--> About.Me.</>
<tr>
<td colspan=2><br>
--> Lisa<br>
--> 13 yrs old<br>
--> 10.10.1992<br>
--> Lives in Brum Brum, England<br>
--> Brown hair//eyes<Br>
--> Glasses<br>
--> <3s Blink 182<Br>
</tr>
</table>
</div>

<div style="position:absolute; margin-left: -300px;margin-top: -200px;border: 0px #ffffff; width: 175px; height: 200px;background: none; overflow: auto">
<table border="0" width=100%><tr>
<td colspan=2><br>
<b class="nav">[<33]-->Navigation.</b><br>
--> <a href="http://www.xanga.com/fishyphi">Phi</a><br>
--> <a href="http://www.xanga.com/alittleteddy">Sally</a><br>
--> <a href="http://www.xanga.com/juicy0_0lime">Joce</a><br>
--> <a href="http://www.xanga.com/pepsi_maxx">Suvy</a><br>
--> <a href="http://www.xanga.com/x__cArM4liFe">Carmen</a><br>
--> <a href="http://www.xanga.com/waijay90">Nii-san</a><br>
--> <a href="http://www.emxoxox.piczo.com">Emily</a> <br><Br>


<a href="http://www.xanga.com/guestbook.aspx?user=loopy_turtle5">Sign my guestbook!</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=loopy_turtle5" target="blank">Add me!</a><br>
</tr>
</table>
</div>


<div style="position:absolute; margin-left: -400px;margin-top: -200px;border: 0px #ffffff; width: 175px; height: 200px;background: none; overflow: auto">
<table border="0" width=100%><tr>
<td colspan=2><br>
<b class="nav">[<33]-->Chat.</b>
<tr>
<td>
<!-- Flooble chatterbox for sheep--xx start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=sheep--xx&sid=4123884">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=sheep--xx&sid=4123884&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re
izable=no,copyhistory=no,width=480,height=400');return true;">
<img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> |
<a href="http://www.blackjack-primer.com/basic_rules.php">Blackjack Rules</a>
</noscript>
<script language="javascript"> if (!chatterbox || chatterbox != 'ok') {
document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');
document.write(' temporarily unavailable. It will be back up shortly.'); } </script>
<!-- Flooble chatterbox for sheep--xx end -->
</tr>
</table>
</div>

<div style="postion: absolute;
overflow: auto;
width: 550px;
height: 350px;
margin-top: -560px;
margin-left: 0px;">

I mainly use firefox so if you could show me how to do it for that instead of IE it'd be really grateful!



.. btw, feel free to do it all for me (if you like)

[*digital.fragrance*]

It looks like you have the first two underneath it already - you just have to move the flooble chatter box -

In your div layer above that code, increase the "margin-left" number.. -400px moves it too far left... try something like 10px