richtig floaten

[_SlayeR_]

Hallo,
ich habe versucht ein 3 spalten layout zu machen, bekomme es aber nicht richtig gefloatet. Kann mal wer bitte drüber schauen.
In jeden Tutorial wirds anders gemacht.
Hier meine Seite

http://dannybdanny.da.funpic.de
update* content ist jetzt margin:0 auto; aber das problem besteht ja noch immer

<div id="all">

<div id="navileft">
<ul>
<li><a href="#">Navi1</a></li>
<li><a href="#">Navi1</a></li>
<li><a href="#">Navi1</a></li>
</ul>
</div><!--END LEFTCOL-->

<div id="content">
</div><!--END CENTERCOL-->

<div id="naviright">
<li><a href="#">Navi1</a></li>
<li><a href="#">Navi1</a></li>
<li><a href="#">Navi1</a></li>
</div><!--END RIGHTCOL-->


</div>

/* CSS Document */
* {
margin:0;
padding:0;
}
body {
    margin:0;
    padding:0;
    font-family:Tahoma;
    font-size:12px;
    text-align:center;
    background:#666666;
}

#all {
    margin:30px auto;
    width:900px;
}

#navileft {
    width:150px;
    float:left;
}
#naviright {
    width:150px;
    float:right;
}
#content {
    width:600px;
    margin:0 150px;
    height:600px;
    background:#999999;
}
#navileft a, #naviright a {
    display:block;
    line-height:20px;
    text-align:center;
    text-decoration:none;
    margin-bottom:10px;
    background:#CCCCCC;
    border:1px solid #000000;
    color:#000000;
}
#navileft li, #naviright li {
    list-style-type:none;
}
#navileft a:hover, #naviright a:hover {
    background:#00CCFF;
    font-size:14px;
}