Left & right align tables Options

[kleeaka]

I tried every search I could think of, and didn't find a thread for this. If there is one, I apologize.....

I used a layout generator to make my page. I have the two columns of tables (most generators make it this way). I want to left align the left column of tables and right align the right column of tables. The end result I am wanting to achieve is to put a background image in the center, with the columns on either side.

http://www.myspace.com/kleeaka

Here's my layout code:

<style type="text/css">
body {
background-color: rgb(0, 0, 0);
background-image: url(http://img185.imageshack.us/img185/7293/myspace108po.jpg);
background-position: center center;
background-repeat: repeat-y;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}

table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 4px;
border-color: rgb(224, 36, 157);
border-style: groove;
background-color: transparent;
}
table table table td {
background-color: rgb(0, 0, 0);
filter:alpha(100);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;
}
table table table table td {
filter:none;
}</style><div style="position:absolute;top:90px;left:0px;padding:0px;margin:0px;"><a href="http://www.killerkiwi.net/"><img src="http://www.killerkiwi.net/images/mstag2.gif" alt="MySpace Layouts" border="0" /></a></div><style type="text/css">
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Comic Sans MS;
font-size: 12px;
color: rgb(224, 36, 157);
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Comic Sans MS;
font-size: 22px;
color: rgb(224, 36, 157);
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Comic Sans MS;
font-size: 15px;
color: rgb(224, 36, 157);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(192, 246, 65);
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(224, 36, 157);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>
<br /><br /><a href="http://www.killerkiwi.net/">Layout Created at KillerKiwi.net</a><br /><br />

[*This Confession*]

yea
you can't do that
if you want to do that
make a div.

if you need a generator for that
go to like
http://www.bzzspace.com
something like that
idk though
search on google for bbz div generator