CSS, помещающий меню в строку с содержанием

Question

, поэтому у меня есть это меню, которое не хочет встраиваться в контент независимо от того, что я делаю. вот несколько фотографий, как сейчас (раньше) и как я хочу, чтобы это было (после).

http://s24.postimg.org/nqv765rhx/image.jpg http://s27.postimg.org/7jikbzrqr/image.jpg

вот код:

#the website format{ 
    width:1000px; 
    margin: 0 auto; 
    height:100%; 
    text-align:left; 
} 
#menu { 
    width:200px; 
    float:left; 
    padding-left:10px; 
} 
#wrapper{ 
    width:1000px; 
    padding-left:10px; 
    padding-right:10px; 
    float:left; 
} 
#content { 
    float: left; 
    width: 800px; 
    padding: 0px; 
} 
.inside { 
    width: 220px; 
    height: 350px; 
    padding: 5px; 
    float:right; 
    display:inline-block; 
    margin:5px; 
} 

Answer 1

Посмотрите here, это вид взгляда вы после этого?

HTML

<div class='table'> 
    <div class='cell'>Menu</div> 
    <div class='cell'>Content</div>  
</div> 

CSS

body, html{ 
    width:100%; 
    height:100%; 
    margin:0; 
    padding:0; 
} 
body{ 
    position:fixed; 
} 
.table{ 
    display:table; 
    height:100%; 
    width:100%; 
} 
.cell{ 
    display:table-cell; 
    border:1px solid grey; 
} 
.cell:first-child{ 
    width:100px; 
}