spero sia un titolo conforme, ma non so come sintetizzare.

sto creando tramite css un riquadro, dove in un div scorrono orizontalmente le immagini,

fino ad ora però dono riuscito solo a crearlo in modo verticale.

il codice css è

#div{
height:500px;
width:700px;
overflow:auto;
}


ul{
height:490px;
width:690px;
margin :auto;
display:inline;
}

li{
height:488px;
width:688px;
float:left;
display:block;
}

e l'html

<body>

<div id="id">

<ul>
[*][img]#[/img][*][img]#[/img][*][img]#[/img][*][img]#[/img][*][img]#[/img]
[/list]

</div>

</body>

cosa sto sbagliando?