Отстут в 3px после изображения в дивах

Объявите эти изображения как блочные элементы. Т.е.

img { display: block; }

Николай В., не помогло.

Проверьте чтобы у изображения не было vertical-align:middle (может наследоваться и так далее) + уберите все пробелы и переводы строки после <img>

Вёрстку надо начинать с того, что в таблице стилей первым прописать следующее правило:

body {margin: 0; padding: 0; /здесь шрифты и цвета по умолчанию/ }

body {margin: 0; padding: 0; /здесь шрифты и цвета по умолчанию/ }

А еще лучше с * {margin:0;padding:0;}, а потом назначать новые свойства всем элементам (правда возникают трудности со списками в разных браузерах - ie и ff почему то обычно по-разному отображают их при одних и тех же значениях)

vertical-align - нет такого атрибута для блочного элемента 😂

А какой у вас доктайп?

уберите пробелы и переносы строки после картинки: форматирование - это конечно красиво, но не в этом случае :)

Скорее всего проблема в этом, хотя могу и ошибаться, но очень похоже по описанию.

Эхх во всех смертных грехах обвинили

Доктайп xhtml transitional

В body естественно все прописано (хотя как на изображения может повлиять не понимаю).

Ну про пробелы конечно же знаю, дело в том что когда не в диве то все ok, именно блочный элемент (к примеру span прописываешь display:block; и эффект тот же).

Нашел проблему, при копи пасте вставил в блок vertical-align:top; - из - за этого и появились эти отступы. Всем спасибо проблема решена!