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 ).