css image doesn't fill div

css, html, image

Solution

here you do http://jsfiddle.net/cancerian73/hb3QK/4/

img {
    height: auto; /* Make sure images are scaled correctly. */
width: 100%; /* Adhere to container width. */
display:block;
 }

Problem

I have a DIV that is 100% width..... inside a grid system .. the total grid is 1140px.. anyway inside the div that is 100% i inserted a image... problem is if the div background is black... there is like 1cm at the bottom that still shows the black color. like this http://jsfiddle.net/hb3QK/3/ ``` <div style="background:black; width:100%;"> <img src="http://i42.tinypic.com/ofq9tg.png" > ``` should i be using a float on the image? or using a display:block?

Original source