No parece haber ningún error en tu CSS pero hay cosas innecesarias. No necesitas la propiedad float:left para las imágenes. Yo eliminaría esas dos definiciones. Si en el HTML las etiquetas están seguidas aparecerán unidas las imágenes. Si insertas un salto de línea como en tu código aparecerá un pequeño espacio separador.
Las imágenes son por defecto elementos en línea, se consideran igual que el texto y se distribuyen como éste.
Los <div> son por defecto elementos de bloque, por lo que tampoco es necesario utilizar la propiedad display:block.
El único problema que se podría presentar es que tus div superior e inferior no tengan ancho sufiente para mostrar tus imágenes en la misma línea. En ese caso las imágenes saltarían a la línea siguiente, como lo hace el texto cuando no entra en una sóla línea.
La manera de evitar esto es darle un ancho predeterminado a tus div con la propiedad width asegurandose uno de esta manera que las imágenes se muestren siempre una al lado de la otra. Si las imágenes no entran en la ventana del navegador aparecerá la barra de desplazamiento en lugar de descuadrar tu diseño.