Contenedor con barra de desplazamiento horizontal

[casadepacas]

Buenas tardes a tod@s,
Estoy intentando crear un #contenedor con un ancho y alto fijo donde alojar unas fotografias, como las fotografias que quiero meter ocupan más del ancho del div, mi deseo es que salga una barra horizontal (en lugar de vertical) para ir desplazandome por el resto de fotografias.
Algo le debe pasar a mi codigo que no logro detectar que ocurre, adjunto codigo css y html. Gracias por ayudarme.
CSS
#fotos_pequenas {
overflow:auto;
width:560px;
height: 85px;
padding:5px;
margin:0 auto;
background-color: #FF9933;
}
.margen_izq {
margin-left:10px;
HTML
<div id="fotos_pequenas">
<img src="imagenes/contenedor/casita.jpg" width="100" height="75" class="margen_izq" /><img src="imagenes/contenedor/estanque.jpg" width="100" height="75" class="margen_izq" /><img src="imagenes/contenedor/minigolf.jpg" width="100" height="75" class="margen_izq" /><img src="imagenes/contenedor/padel.jpg" width="100" height="75" class="margen_izq" /><img src="imagenes/contenedor/piscina1.jpg" class="margen_izq" /><img src="imagenes/contenedor/piscina2.jpg" class="margen_izq" /><img src="imagenes/contenedor/salonchimenea.jpg" class="margen_izq" /></div>
Gracias de nuevo por vuestra ayuda

[agus__1987]

Prueba:
{
overflow:scroll;
overflow-y:hidden;(para quitar barra vertical)
}

[casadepacas]

Gracias,
Acabo de probarlo y efectivamente se me quita la barra vertical, me aparece la horizontal pero aparece desactivada, no se desplaza,
#fotos_pequenas {
overflow:scroll;
overflow-y:hidden;
width:560px;
height: 85px;
margin:0 auto;
background-color: #FF9933;
}
.margen_izq {
padding:5px;
Que crees que puede ocurrir??.
Gracias de nuevo.

[casadepacas]

Tengo un total de 7 imagenes en un ancho de 560px, la intención es que muestre las 5 primeras, aparezca la barra horizontal y me mueva para ver el resto.
Aparece la barra pero desactivada y es porque las otras dos imagenes estan debajo.
He puesto height:auto; y me he dado cuenta por eso.
¿Porque no aparecen en linea con las otras 5??
Gracias de nuevo.

#fotos_pequenas {
overflow:scroll;
overflow-y:hidden;
width:560px;
height: auto;
margin:0 auto;
background-color: #FF9933;
}
.margen_izq {
padding:5px;
}

[agus__1987]

Crea un div interior con height:(fijo, imagen mas margin top y bottom) y un widht:(suma imagenes mas margenes),tambien falta definir tamaño a las 3 últimas imagenes algo así:

<div id="fotos_pequenas"><div id="interior">
<img src="imagenes/contenedor/casita.jpg" width="100" height="75" class="margen_izq" />
<img src="imagenes/contenedor/estanque.jpg" width="100" height="75" class="margen_izq" />
<img src="imagenes/contenedor/minigolf.jpg" width="100" height="75" class="margen_izq" />
<img src="imagenes/contenedor/padel.jpg" width="100" height="75" class="margen_izq" />
<img src="imagenes/contenedor/piscina1.jpg" class="margen_izq" />
<img src="imagenes/contenedor/piscina2.jpg" class="margen_izq" />
<img src="imagenes/contenedor/salonchimenea.jpg" class="margen_izq" />
</div>
</div>

y css:


#interior {
width:1000px;
height:120px;
}
#fotos_pequenas {
overflow:scroll;
overflow-y:hidden;
background-color: #FF9933;
width:560px;
height:120px;
}
.margen_izq {
width:100px;
height:75px;
margin:10px;
}

Por cierto, te aconsejo editar el tamaño de las imagenes desde css, es más cómodo, aún más cuando todas tienen la misma clase ( error que no he corregido ).

[casadepacas]

Muchisimas gracias Agus_1987.
Ha funcionado a la perfección, seguiré tus sabios consejos.
Gracias de nuevo, da gusto encontrar a gente así.
Que tengas buen día.