I need help... T_T Options

[Chrissy13]

I'm new with Lj layouts and I've been making a lot of mistakes I don't know if I messed it up.
Ok.I have three problems
One:My moods are on the top of the page.
Two:My custom nav.bar is messed up.
Three:Some entries are shown in other entries together.

I need help..T_T

Here's my code and my Lj

CODE

GLOBAL_HEAD<=
<title>You Smell funny</title>
<style type="text/css">
body, td {cursor:help;
a:hover {
cursor:help; }
font-family:Century Gothic;
font-size: 7pt;
}
tt, pre {
font-family:Century Gothic;
}
a {
text-decoration: bold;
}
a:hover {
cursor:help;
text-decoration:lowercase;
}
.shadowed {
font-size: 7pt;
background:#85123D;
}
.meta {
font-size: 7pt;
}
.index {
font-size: 7pt;
}
.caption, .index {
color:85123D;
}
.caption img{
display: none;
}
.comments {
font-size: 7pt;
}
table {
margin-bottom: -12px;
}
</style>
<style type="text/css">
body, td {
font-family:Century Gothic;
font-size: 7pt;
}
tt, pre {
font-family: monospace;
}
a {
text-decoration: none;
}
a:hover {
cursor:help;
text-decoration:lowercase;
}
.shadowed {
font-size: 7pt;
background:;
}
.meta {
font-size: 7pt;
}
.index {
font-size: 7pt;
}
.entrybox .index {
color:#85123D;
}
.caption, .index {
color: #000000;
}
.comments {
font-size: 7pt;
}
</style>


<style type="text/css">
<!--
tr.caption{display:none}
-->
<!--
table {
width:50%;
margin-left: 0%;
margin-right: 0%;
}
table table {
width:100%;
margin:0;
}
table table table {
width:auto;
}
table,tr,td {
padding:0px;
}
p .index {
background: #85123D;
}
p table table td.caption {
background: #85123D;
}
-->
<!--
table {
border: 2px solid black;
}
table table {
border: 0;
}
-->
<!--
body {
scrollbar-arrow-color:#000000;
scrollbar-base-color:#85123D;
scrollbar-darkshadow-color:#85123D;
scrollbar-track-color:#85123D;
scrollbar-face-color:#85123D;
scrollbar-3dlight-color:#85123D;
scrollbar-shadow-color:#85123D;
scrollbar-highlight-color:#85123D;
}
-->
<!--
body, td, font, div, p {
font-family:Century Gothic;
font-size: 7pt;
line-height: 9px;
}
-->
<!--
A:link
{text-decoration:lowercase;
color:#85123D;
text-transform:none;
font-weight:bold;}

A:visited
{text-decoration:none;
color:#85123D;
text-transform:none;
font-weight:bold;}

A:active
{text-decoration:lowercase;
color:#85123D;
text-transform:lowercase;
font-weight:bold;}

A:hover
{cursor:help:
text-decoration:lowercase;
color:#FFFFFF;
text-transform:lowercase;
font-weight:bold;
cursor:help;
a:hover
cursor:help;}

}
-->
<!--
body {
background-color: #85123D !important;
background-image:none!important;
background-repeat:none!important;
background-attachment:none !important;
background-position:none!important;
}
-->
</style>
<style type="text/css">




<!--
table {
border: 1px solid #000000;
}

table table {
border: 0;
}
-->

input, textarea, select{
border: 1px solid #85123D;
background:#85123D;
font-family: Century Gothic;
font-size: 7pt;
color:#000000;
scrollbar-track-color:: #000000}

</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:visible;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
.shadowed td div{
visibility:visible;
position: absolute;
top: 1px
}
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
<span id="navigation">
<a href="http://double-l13.livejournal.com/profile">Profile</a>
<a href="http://double-l13.livejournal.com/friends">Friends</a>
<a href="http://www.livejournal.com/update.bml">Write</a>
<a href="http://double-l.deviantart.com/> Devianart</a>
</span>

</td></tr></table></td></tr>
<=FRIENDS_WEBSITE

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">Kill</a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_HEAD<=

<!-- start hide the defaults and make new links visible -->
<style type="text/css">
<!--
table table table table .meta {
visibility:hidden;
}
table table table table table .meta {
visibility:hidden
}
-->
</style>

<=LASTN_HEAD

LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</a> dead </b>|</a>

LASTN_DATE_FORMAT=><span style="font-size: 7pt; color: #000000; font-family: verdana; line-height: 1.0em; letter-spacing: 1px; text-algin: center;">%%monshort%%. %%dth%%, %%yyyy%%</span>

FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</a></b>dead|</a>

LASTN_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:visible;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
.shadowed td div{
visibility:visible;
position: absolute;
top: 5px
}
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
<span id="navigation">
<a href="http://double-l13.livejournal.com/profile">Profile</a>
<a href="http://double-l13.livejournal.com/friends/">Friends</a>
<a href="http://www.livejournal.com/update.bml">Write</a>
<a href="http://double-l.deviantart.com/> Devianart</a>
</span>
</td></tr></table></td></tr>
<=LASTN_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="dead">
%%readlink%%<a href="%%urlpost%%">Kill</a>
</td>
</tr>
<=LASTN_TALK_LINKS

Help me.:[