Necesitaba crear un sprite de imagen usando diez archivos PNG cuadrados transparentes de 16px. Así que armé una página HTML simple con mis 10 imágenes dentro de un div con un color de fondo. Agregué algunos CSS simples para que el div se ajuste al contenido y elimine el relleno, los márgenes, etc.

En Firefox utilizando Firebug, examiné el ancho del div y lo encontré para medir 196 x 21 píxeles. Puedo ver claramente el espacio en blanco entre las imágenes. Por lo que pude ver, no tengo márgenes, relleno ni bordes.

Si, por el contrario, floto las imágenes dentro de la división, obtengo una medida de 160 x 16 píxeles (que es lo que esperaba originalmente).

También he visto esta página en Chrome e IE y obtuve resultados idénticos. Así que me imagino que el comportamiento debe ser descrito en los estándares en algún lugar?

¿Tengo curiosidad por saber dónde se originan los espacios en blanco adicionales alrededor de la imagen?

(Disculpas si esto ha sido respondido en otro lugar)