Remove Extra Space at Bottom of HTML List Item

Question

Is there any way to remove the extra space displayed at the bottom of an HTML List Item tag without setting a fixed height on the list item? I.e. I would like the li

Answer 1

Set line-height:0; on the LI

li {
  line-height: 0;
}

Here's a jsfiddle to prove that it works - http://jsfiddle.net/jm9Tj/