Откуда у блока с картинкой появляется лишнее поле?

Пробелы между тегами влияют на списки и строчные элементы. К блокам это не относится.
Попробуйте

PiggyPig: на строчно-блочные элементы тоже влияют, обычно пытаются избавиться от пробела или размер шрифта в этом блоке сделать 0, а потомкам вернуть нужный размер. Если размер в 0 точно заметят, то line-height: 0; могут и не заметить и назад не вернуть. Он вроде тоже наследуется?

Arik: Я говорил по поводу пробелов между тегами. Откройте пример, скинутый автором вопроса и уберите пробелы между тегами. Разницы не увидите никакой, чего не скажешь о тех же списках li.
Насчет шрифтов и line-height. Чтобы привести в порядок блочные элементы никогда не пользовался данными махинациями. Пусть они решают вопросы с текстом, а для блоков своего добра достаточно.