2 columns layout

Hi,

I have 2 columns in my body and 1 footer,

Here is my css:

PHP Code:

---

body{
    direction:rtl;
    margin:0 auto;
    padding:0;
    width:780px;
    font-family:Arial, Helvetica, sans-serif;
}

#right{
    width:615px;
    height:1050px;
    background-color:#963;
    float:right;
    padding:0;
    margin:0;
}

#left{
    width:156px;
    height:1050px;
    background-color:#F36;
    float:left;
    padding:0;
    margin:0;
}

#footer{
    width:780px;
    height:84px;
    background-color:#333300;
    padding:0;
    margin:0;
} 


---

Here is my HTML body:

PHP Code:

---

<div id="right"></div>
<div id="left"></div>
<div id="footer"></div> 


---

What is wrong in the css? (the footer stays at the top of the page)

Thanks!

you haven't cleared the float's

Code:

---

#footer {clear:both}

---

Thank you very very much!