Ho un problema in apparenza banale che non riesco a risolvere, devo inserire una serie di immagini, 3, 4 o 5 in un div che funga da scrollbox orizzontale, le immagini hanno tutte la stessa altezza, le dimensioni della scrollbox sono fisse perchè si posiziona sul template in un determinato posto.
Perchè quando metto le immagini questa invece di affiancarsi si posizionano finchè entrano nello spazio una di fianco all'alta e poi vanno a capo?
Questo è l'estratto del codice utilizzato:

Estratto del css:
.boximg{
height: 220px;
width: 660px;
overflow: auto;
/* overflow-x:scroll ; */
/* overflow-y: hidden; */
white-space: nowrap;
margin-top: 15px;
margin-bottom: 10px;
}

.affiancaimg{
float:left;
/* margin-right: 10px;*/
}

Estratto della pagina:

<div class="boximg">
<div class="affiancaimg"><img src="immagine1.jpg" height="200" alt="immagine1"></div>
<div class="affiancaimg"><img src="immagine4.jpg" height="200" alt="immagine2"></div>
<div class="affiancaimg"><img src="immagine4.jpg" height="200" alt="immagine3"></div>
<div class="affiancaimg"><img src="immagine4.jpg" height="200" alt="immagine4"></div>
</div>