[SOLUCIONADO] Problemas con bordes en Masonry

[xc70]

Estoy maquetando un web y me encuentro con un problema. Quiero que el Mansonry cree azulejos con las imágenes del futuro portfolio pero sin ningún margen/borde entre las imágenes. El problema es que a todas les pone un borde en la parte inferior que queda muy feo sobre todo porque se van sumando y luego en la parte inferior no quedan alineados.

He probado con margin, paddings i borders y nada, no doy con el problema.

Aquí el enlace a la web para ver el problema:
http://bit.ly/1BqsQvr

Les agradecería si puedieran mostrarme la solución.

Muchas gracias

[ipraetoriux]

..bien, si dentro de .box va solo una imagen hace esto...

Código CSS:

.box  img {
   float: left;
}
 

y problema resuelto. Lo he probado y funciona correctamente

[jsstoni]

Iniciado por ipraetoriux

bien, si dentro de .box va solo una imagen hace esto...

Código CSS:

.box  img {
   float: left;
}
 

y al contenedor de la imagenes .box añadele al css:

Código CSS:

.box {
overflow: auto;
}
 

[xc70]

Como podéis ver funcionó! Muchísimas gracias compañeros. Con el float left en .box img ya funciona. Perdonar la ignorancia ¿Porque es necesario el overflow auto en el .box?

Ahora no se que ha pasado que sale una franja horizontal amarilla arriba, debajo del menú y antes no estaba ¿que ha pasado? pueden verlo en el mismo enlace del primer post.

Saludos y muchas gracias de nuevo.