Ese es el problema de los objetos posicionados con la propiedad inline-block, ya lo había comentando en otro tema, copio y pego por aquí:
Cita:
Iniciado por siddartha23 
Ese espacio de 4px se crea cuando usas la propiedad display:inline-block y dejas espacios entre los objetos html que tienen esa propiedad, la solución mas elegante y funcional en todos los navegadores es comentar los espacios en blanco que dejas entre cada item en tu html, de esta manera:
Código HTML:
<li>...</li><!--
--><li>...</li><!--
--><li>...</li><!--
--><li>...</li>
Existen otras soluciones como por ejemplo ponerles un margin-left negativo de -4px pero no lo recomiendan por que "cierto navegador" podría montar tus items unos encimas de otros, bueno, eso de comentar los espacios aunque no tenga sentido sí que funciona ...
En tu caso tendrías que comentar los saltos de línea entre div y div o ponerlos todos en una sola línea :)