Need help with left side text box

So this is what I got, but the boxes wont get next to eachother. I want the grey on the left, and the blue & green next to it. I’m a total noob and this is the first site I ever made in html.

[code=html]ul {
padding-left: 0;
}
li {
list-style: none;
display: inline;
padding-right: 10px;
}
h3 {
margin-bottom: 0;
padding-bottom: 0;
}
header{
background-color: green
}

footer{
background-color: blue;
}
test{
background-color: red;
}
footer, div#test, header {
width: 600px;
margin: auto;
}
div#test {
background-color: red;
}
body{
background-color: black;
}
div#left{
width: 80px;
background-color: grey;
float: left;
}[/code]

[IMG]http://i50.tinypic.com/293x8qw.png[/IMG]

Also in #HTML _↴