My layout is all messed up..., Can anyone help me ? Options

[saaammmiii]

CODE

GLOBAL_HEAD<=
<style type="text/css">
<!--
table, tr, td, .shadowed {
background: transparent;
}
body {
background-color: #000000;
background-image:
url(http://images.cbimg4.com/livejournal/15/3738.jpg);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: 50%;
margin-top: 515px;
color: #FFB6C1;
}

table table {
width: 410px;
margin-left: 302px;
}
table table table {
width: 100%;
margin:0;
}
table table table table {
width: auto;
}
html body .shadowed img.x{
z-index: -1;
}
table, .shadowed div{
z-index: 80;
}
html>body table{
position: relative;
}

.shadowed img{
display:none;
}

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

.x{
position:absolute;
top:0px;
width: 730px;
left:50%;
margin-left:-365px;}

#sidebar{
position:absolute;
top:555px;
left: 50%;
margin-left: -350px;
width: 180px;
height: 100%;
visibility: visible;
z-index:2;
font-size:11px;
font-family: Verdana;
font-color: #8F5E99;
text-align:left;
}
#sidebar img{
display:inline;
}

p .index {
color: #EE7AE9;
}
p table table td.caption {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
font-family: Verdana;
}
.comments {
font-size: 11px;
font-family: Verdana;
}
BODY, TD {font-family:verdana;color:#FFB6C1;font-size:11px;}
a:link, a:visited, a:active {
text-decoration: none;
font-weight: none;
color:#EE799F;
}
a:hover{
text-decoration: none;
font-weight: none;
color: #FFFFFF;
}
.entrybox td{
text-align: justify;
font-family: verdana;
}
.entrybox td.index {
text-align: right;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Claf</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Sooo. Talk about what you like to do and eat and stuff like that… blahblahblahblahblah.  Okay….

</div>


<img src="http://images.cbimg4.com/livejournal/16/3783.jpg" class="x" style="display:inline;">


<style type="text/css">
<!--
table table table table .meta

{visibility:hidden;position:absolute;top:1px}
table table table table table .meta

{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>
<=FRIENDS_WEBSITE

DAY_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Claf</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Sooo. Talk about what you like to do and eat and stuff like that… blahblahblahblahblah.  Okay….

</div>


<img src="http://images.cbimg4.com/livejournal/16/3783.jpg" class="x" style="display:inline;">


<style type="text/css">
<!--
table table table table .meta

{visibility:hidden;position:absolute;top:1px}
table table table table table .meta

{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>
<=DAY_WEBSITE

CALENDAR_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Claf</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Sooo. Talk about what you like to do and eat and stuff like that… blahblahblahblahblah.  Okay….

</div>


<img src="http://images.cbimg4.com/livejournal/16/3783.jpg" class="x" style="display:inline;">


<style type="text/css">
<!--
table table table table .meta

{visibility:hidden;position:absolute;top:1px}
table table table table table .meta

{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Claf</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Sooo. Talk about what you like to do and eat and stuff like that… blahblahblahblahblah.  Okay….

</div>


<img src="http://images.cbimg4.com/livejournal/16/3783.jpg" class="x" style="display:inline;">


<style type="text/css">
<!--
table table table table .meta

{visibility:hidden;position:absolute;top:1px}
table table table table table .meta

{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>
<=LASTN_WEBSITE

Okay, I know that people said I should switch it to a basic account or whatever, and it'll fix it. and I did that, and yes it fixes it... but someone mentioned that I can change a part of the code (something about the part where it says "table") and I tried that, and it moved stuff.. but, it didn't fix it.

I'm just wondering if anyone who's real experienced with this kind of thing could help me and add/take out what needs to be done to make it align correctly...

thanks =)

My LJ

[*Azarel*]

Try this:

edit-- Removed 'cause it was stretching the page and I was tired of scrolling.