Alinhar tudo na horizontal

Bem, faz uns dias que eu estou tentando fazer uma lista de amigos, para um site que estou fazendo.

Eu já fiz o CSS da caixa principal, cabe duas sub-caixas uma do lado da outra, mas quando vem mais uma, todas elas se alinham uma em baixo da outra.

Alguém pode me ajudar?

Aqui os códigos que ja fiz:

CSS:

#amigos_user {
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
width:180px;
height:210px;
margin-top:5px;
margin-left:10px;
background-color:#009933;
border-style:solid;
border-color:#005e20;
border-width:2px;
overflow:auto;
overflow-x:hidden;
}

#up_boxes {
background-color:#007427;
width:100%;
height:25px;
font-size:18px;
color:#0f0f0f;
padding:5px;
}

#all_boxes {
width:75px;
min-height:120px;
margin-left:8px;
padding-top:10px;
float:left;
}

#item_boxes {
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
overflow:auto;
width:75px;
height:90px;
background-color:#003333;
}

#nome_boxes {
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
background-color:#999999;
margin-top:3px;
min-height:10px;
}

HTML/PHP:

<div id="amigos_user">
 <center><div id="up_boxes">Meus amigos</div></center>
 <?php
 $sql_amgs = mysql_query("Select * From amigos_add",$myconect);

 while ($amgs = mysql_fetch_row($sql_amgs)) {
 echo "<div id='all_boxes'>";
 echo "<div id='item_boxes'></div>";
 echo "<center><div id='nome_boxes'>$amgs[4]</div></center>";
 echo "</div>";
 }
?>

 </div>

Quero que todas elas se alinhem a direita automaticamente, e que criem uma barra de rolagem horizontal, ao invés de ficar descendo e criando uma barra de rolagem vertical.

O HTML sem PHP fica assim:

<div id="amigos_user">
 <center><div id="up_boxes">Meus amigos</div></center>
<div id='all_boxes'>
<div id='item_boxes'><!--Aqui fica a foto, mas por simplicidade ainda não coloquei--></div>
<center><div id='nome_boxes'><!--Nome da pessoa--></div></center>
</div></div>

Alguém pode me ajudar? Por favor. ^_^