Eu precisava criar um sprite de imagem usando dez arquivos PNG transparentes quadrados de 16px. Então eu montei uma página HTML simples com minhas 10 imagens dentro de uma div com uma cor de fundo. Eu adicionei alguns CSS simples para fazer o div se encaixar no conteúdo e remover preenchimento, margens etc.

No Firefox usando o Firebug, examinei a largura do div e achei que medisse 196 x 21 pixels. Eu posso ver claramente o espaço em branco entre as imagens. Tanto quanto eu poderia dizer que não tenho margens, preenchimento ou fronteiras.

Se em vez disso eu flutuar as imagens dentro do div, então recebo uma medição de 160 x 16 pixels (que é o que eu esperava originalmente).

Também olhei para esta página no Chrome e no IE e obtive resultados idênticos. Então, imagino que o comportamento deve ser descrito nos padrões em algum lugar?

Estou curioso para saber onde o espaço branco adicional ao redor da imagem se origina?

(Desculpas se isso foi respondido em outro lugar)