[CSS] MyBlog Problem | Gegen Bilderklau

Nancy13

Ich hab ein eigenes Desi gemacht und den Html code ganz normal eingefügt.
Der Html Code dürfte auch, denke ich, stimmen.
Aber Irgendwie ist der Content(Hauptframe) verschoben und ich weiß nicht warum x__x
Kann mir da jemand helfen?

Wäre lieb von euch^^
Addy : www.myblog.de/lauraa91

Laura

Edit: Der Code falls jemand doch einen Fehler finden sollte^^

<HTML>
<HEAD>
<TITLE>laura</TITLE>

<STYLE type=text/css>

BODY {
background: url('http://www.oyla18.de/userdaten/02600549/bilder/Desi4myblogc.jpg') no-repeat #dddddd;
color: #dddddd;
line-height: 13px;
font-family: tahoma;
font-size: 11px;
overflow: hidden;
}

font {
color: #504746;
font-family: tahoma;
font-size: 11px;
line-height: 13px;
}

b {
color: #544948;
letter-spacing:3px;
font-family:tahoma;
font-size:12px;
}

a {
background: transparent;
text-decoration: none;
border-bottom: 1px solid #916064;
color: #d17373;
}

A:hover {
background: transparent;
text-decoration: line-through;
border-bottom: 1px solid #360000;
color: #d17373;
}

TEXTAREA,INPUT {
color: #7c7170;
background-color: transparent;
font-family: tahoma;
font-size: 11px;
border: 1px solid #916064;
}

.content {
position: absolute;
top: 220px;
left: 612px;
background: transparent;
height: 508px;
width: 314px;
overflow: auto;
}

.inhaltetable {
width: 285px;
}

.navi {
position: absolute;
top: 572px;
left: 94px;
width: 390px;
background: transparent;
color: #360000;
font-size: 12px;
font-family: tahoma;
line-height: 15px;
text-align: left;
}

</style>

</HEAD>

<BODY>

<div style="visibility:hidden">{PLACE_POWEREDBY}</div>

<div class=navi>
<b>Navigation</b><br>
<a href="http://myblog.de/lauraa91">Startseite</a>
<a href="http://myblog.de/lauraa91/gb">Gästebuch</a>
<a href="http://myblog.de/lauraa91/archivebymonth">Archiv</a>
<a href="http://myblog.de/lauraa91/abo">Abonnieren</a>
<a href="http://myblog.de/lauraa91/page/1133014">Me</a>

<div class=content>
{PLACE_CONTENT}
</div>

</BODY>
</HTML>