How to change line height for small text with CSS? There seems to be a limit to how small line-height can be

For example, in this example, how do I get rid of the spacing between the开发者_开发问答 lines of text (on top of the images)?

Set your line-height on .box_desc. I also adjusted your top value to compensate:

.box_desc {
     position: absolute;
     top: 14px;
     line-height: 10px;
 }

You should tweak the line-height/top values to perfection.

See: http://jsfiddle.net/XhZMv/

Try font-size:0; line-height:0; also fixed width and height.