positioning three divs with css

#menu {
  position:absolute;
  top:0;
  left:0;
  width:100px;
}
#content, #login {
  margin-left:120px;
}

#content, #login {
  float:right;
  clear:right
}

<html>
    <head>
    	<title>test</title>
    	<style>
    		#login {
    			float: right;
    			width: 400px;
    			border: 1px solid #f00;
    		}
    		#content {
    			clear: right;
    			float: right;
    			width: 400px;
    			border: 1px solid #f00;
    		}
    		#menu {
    			float:left;
    			width: 400px;
    			border: 1px solid #f00;
    		}
    	</style>
    </head>
    <body>
    	<div id="login">Login</div>
    	<div id="content">Content</div>
    	<div id="menu">Menu</div>
    </body>
</html>