Tengo una lista como esta:

<div>
   <ul>
     <li>one</li>
     <li>two</li>
     <li>three</li>
     <li>four</li>
   </ul>
 </div>

y el siguiente CSS:

ul { 
     width: 160px;
     height: 100px;
     overflow: auto; 
     }
li { 
     width: 80px;
     display: inline-block;
     float: left 
     }

Estoy tratando de forzar que los elementos de la lista se muestren de izquierda a derecha, es decir

 one - two - three - four

Mi problema
Hacerlo así me da dos filas con dos elementos cada una.

Pregunta
¿Existe una manera CSS de forzar que todos los elementos de la lista estén en una sola fila para que pueda usar el desplazamiento horizontal? En este momento si configurooverflow: auto Solo obtengo barras de desplazamiento verticales, que no quiero.

No quiero configurar esto en el div de envoltura. Tengo curiosidad por saber si hay una solución CSS que pueda usar solo en la lista.

¡Gracias por la ayuda