Aligning Left Custom Modules to the Left of the Blog Body Options

[DevilsHandbook]

I'm new here, so I don't know how exactly to work everything, but, I can try.

Alright. So, I've tried everything. I swear. I'm not particularly spectacular at HTML coding.. but I can get stuff done. This, I cannot. Anyhow, I'm really tired of going to the left of my blog to click on everything, when I'm naturally a right-oriented person, and it's driving me nuts. (xanga.com/Mecha_Chain)

My module code, gotten from cbstaff (Xanga Stylesheet (CSS) - with custom modules):

CODE

table.left th, table.module th {
/* -Module Title- */
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: white;
   TEXT-TRANSFORM: none;
   BACKGROUND-COLOR: #EFBF8F;
   TEXT-ALIGN: center;
   BORDER-BOTTOM: none;
   BORDER-TOP: none;
   BORDER-RIGHT: none;
   BORDER-LEFT: 1px solid black;
}
table.left TD, table.module td {
/* -Module Body- */
   BORDER-TOP: 4px solid none;
   BORDER-BOTTOM: none;
   BORDER-RIGHT: none;
   BORDER-LEFT: 1px solid #000000;
   BACKGROUND-COLOR: #EFBF8F;
}
table.left, table.module {
/* -Module Altogether- */
   WIDTH: 180px;
   BORDER: none;
   BACKGROUND-COLOR: #EFBF8F;
}

When I try to use the <div align></div, it just moves all of my lower modules to the right, leaves my top module stranded somewhere in the middle-right, and completely pushes down my blog body. D: Any help for a poor HTML retard?

[TheFancifulUnico...]

This code makes the blog modules move to the right of your entries

CODE

<!-- start code provided by createblog.com -->
<script language="Javascript">
// original by sean http://www.xanga.com/seanmeister
var tds = document.getElementsByTagName("td");
for (var i = 0; i < tds.length; i++){
if (tds[i].width == "200"){
tds[i].parentNode.appendChild(tds[i].cloneNode(true));
tds[i].parentNode.removeChild(tds[i]);
break;
}}
</script>
<!-- end code provided by createblog.com -->