Mehrspaltiges Layout will nicht klappen. Fehler wo?

[Kevin]

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...

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!