css image doesn't fill div

Viewed 6830

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?

3 Answers

or you can add if you need to keep it inline. line-height: 0; to the image style.

Related