Hjælp simple css

Hej Udviklere,

Det her er muligvis lidt pinligt, men kan ikke helt få mit css til at opføre sig, som jeg helt gerne vil have den til (lidt som tables).

Jeg har følgende Design jeg gerne vil have lavet til en hjemmeside:
Billede af Design

Indtil videre, er den eneste måde jeg kan få lavet dette design på, ved hjælp af lidt javascript (ville helst undgå denne løsning). Er der nogen, der har nogle gode forslag ?

Edit, tilføjede lige koden:

CSS kode 

 html{
     overflow-y: hidden;
     overflow-x: hidden;    
 }
 
 body{
     margin-top:0px;
     margin-bottom:0px;
     margin-left:0px;
     margin-right:0px;
 }
 
 #top-menu{
     position:relative;
     top:0px;
     left: 0px;
     right:0;
     width:100%;
     height:120px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     background-color:black;
     z-index:0;    
 }
 
 #Login{
     position:absolute;
     top:0px;
     left: 70%;
     width: 20%;
     height:10%;
     background-color:black;
     z-index:0;    
 }
 
 #menu{
     /*
     position:relative;
     top:15%;
     left: 0px;
     width:20%;
     height:auto%;    
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     background-color:black;
     z-index: 0;
     */
     width:200px; 
     float:left; 
     position:relative; 
     margin-left:-200px; 
     margin-right:1px;
 }
 
 #content{
     /*position:absolute;*/
     position:relative;
     top:120px;
     left:20%;
     width:80%;
     height:100%;
     z-index:0;
 }

HTML kode 

 <div id="header">
     
 </div>
 <div id="sidebar">
     
 </div>
 
 <style>
     body {
         margin: 0;
     }
     #header {
         background-color: green;
         height: 120px;
     }
     #sidebar {
         background-color: blue;
         position: absolute;
         width: 20%;
         top: 120px;
         bottom: 0px;
     }
 </style>