¿Por qué este div tiene altura 0?

[mateovidal]

Hola a todos,
Estot creando una página web básada en fotografía pero me he econtrado con un problema, ya que he creado un div para le sacción de las imagenes, mirad el código:

Código HTML:

<div id="fotos">
        <img class="fotosm" src="imags/IMG-20140311-WA0003.jpg" />
        <img class="fotosm" src="imags/IMG-20140311-WA0004.jpg" />
        <img class="fotosm" src="imags/IMG-20140311-WA0011.jpg" />
        <img class="fotosm" src="imags/1.jpg" />
        <img class="fotosm" src="imags/2.jpg" />
        <img class="fotosm" src="imags/3.jpg" />
    </div>
 

Las imagenes y todo me aparecen bien, en la posición que yo quiero y todo, es decir, no tengo ningún problema en esta sección. Pero al querer añadir un div que haga de pie(footer) se me mete dentro del de las imágenes. Lo he mirado en chrome y al parecer el div de las imagenes (id fotos) tiene una altura 0 y no entiendo porque, ya que si pones en css la propiedad height:auto, en teoría te debería ajustar la altura a los elementos que contiene el div. Pues bien al parecer no es asi y agradecería muchisimo que me explicaráis porque ocurre eso y que puedo hacer para solucionarlo
Os pongo el código css de mi div de las fotos y del div de footer:

Código CSS:

#fotos {
    width:95%;
    padding-right: 10%;
    padding-left:7%;
    height:auto;
}
#footer {
    width:70%;
    margin-right:15%;
    margin-left:15%;
    background-color:black;
}
 

Gracias de antemano