Scroll Horizontal en DIVS

Hola a todos!

Tengo una duda a cerca de los DIVS y los Scroll's horizontales.
La cuestión es que no sé si los DIVS pueden contener dichos scrolls, ya que siempre que sobrepaso la anchura dada a un DIV este automáticamente lo pone debajo.

He probado poniendo:

Código CSS :

#capa {
width: 700px;
height: 120px;
overflow-x: auto;
overflow-y: hidden;
}

Para que me podais entender mejor, es como si quisera hacer un slider, que las imágenes pequeñas que coloque dentro del DIV mencionado, se coloquen uno al lado del otro, y si sobrepasase la anchura del DIV, que me pusiera el scroll horizontal, en vez del vertical.

Les doy las gracias de antemano por su tiempo!

El problema es que el elemento que va a contener las imágenes debe conocer el tamaño total de lo que contiene para que el scroll horizontal funcione, por lo que dentro de ese contenedor debes agregar otro contenedor de tamaño fijo.

Te dejo un ejemplo:

Código CSS :

#slider {
    height: 120px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 500px;
}
#slider #imagenes {
    width:800px;
}
#slider #imagenes img {
    display:inline-block;
    float:left;
    height:120px;
    margin:0 5px;
    width:120px;
}

Código HTML :

<section id="slider">
    <div id="imagenes">
        <img src="imagen.jpg" alt="Mi imagen">
        <img src="imagen.jpg" alt="Mi imagen">
        <img src="imagen.jpg" alt="Mi imagen">
        <img src="imagen.jpg" alt="Mi imagen">
        <img src="imagen.jpg" alt="Mi imagen">
    </div>
</section>

ok, ya hice eso hace un tiempo, pero gracias por contestar igualmente!