Mehrspaltiges Layout will nicht klappen. Fehler wo?

[HappyNils]

Moin,
möchte gerne die div id="login" links haben und die div id="content" in der mitte des Browsers, also neben login. Ich habe jetzt selfhtml CSS mehrspaltige layouts beitrag geguckt aber auch wenn ich es dort angucke finde ich den fehler bei mir nicht.
Wenn jemand mir den Fehler beschreiben könnte und keine Lösung hinschreiben würde, wäre nett...
Seitelinks: blog1.bplaced.net

Folgendes CSS:

#body1 {
background: url(images/bg1.png) repeat-x;
height: 100%;
width: 100%;
margin-left: 0px;
margin-right: 0px;
position: absolute;
}

#login {
background: #FFFFFF;
float: left;
margin: 0;
padding: 0;
width: 200px;
}

#content {
position: relative;
background: #FFFFFF;
width: 650px;
margin: 0px auto;
border: 0.1px solid;
border-top: 0px;
padding: 5px 0 0 5px;
}


<div id="body1">
<div id="login">
</div>
<div id="content">
</div>
</div>



DANKE

 

[Arcsinh]

Du willst #content genau neben #login haben?

Dann musst du #login eine Breite geben, z.B. deine 200px und #content gibst du statt margin: 0px auto; einen margin-left mit dem Wert 200px (also der Breite von #login)