Изображение не заполняет div

CSS/HTML.

Это сумасшествие -Я могу только предполагать, что я идиот. Я не могу заставить свое изображение заполнить div, в котором оно находится. Под изображением постоянно находится «отступ» в 5 пикселей.

Вот html:

А вот CSS:

body,.row, img {
padding: 0;
margin: 0;
border: none;
}

.row {
width: 80%;
background-color: orange;
}

img{
width: 50%;
}

Вот результат:

http://imgur.com/yELMe

Как видите, (дурацкое )сине-красное изображение не заполняет оранжевый div. Под изображением постоянно видны 5 пикселей оранжевого цвета. На это не влияют изменения % ширины div или изображения или изменение размера окна.

Я могу исправить это с помощью "margin:-5px;", но я хочу знать, почему это происходит (, особенно если при различных обстоятельствах количество больше или меньше 5px ).

Спасибо за помощь (и еще раз извините, если это нелепая ошибка с моей стороны ).