В «стандартных» браузерах (и на самом деле IE6 с правильным DOCTYPE!) Ваше изображение по умолчанию находится в режиме INLINE, поэтому оно получает интервал, как будто это буква, лежащая на базовой линии текста.
freelookenstein дал решение убрать лишние пробелы из-за выравнивания текста в режиме INLINE.
Это решение, но я бы позаботился об использовании display: block по умолчанию, так как он, скорее всего, испортит содержание вашей типичной веб-страницы.
Вы можете добавить свойство display: block к классу или встроенный стиль только для вашего изображения.
Или как-то так:
img { display:block; }
p img, ul img, td img /* etc*/ { display:inline; }
Лично я бы рекомендовал ограничить отображение: блокируйте только те изображения, которые, как вы знаете, используются для макета сайта, или те, которые специально вставлены в поля. В этом случае часто у вас уже есть класс родительского элемента, например:
<div class="imagebox">
<img .... />
</div>
.imagebox img { display:block; }