Bottom few pixels of text cut off

Question

I really can't figure out what's going on in this case. On the multiline pieces of text, the bottom few pixels are cut off.

Answer 1

Setting

line-height: normal;

Worked for me.

Answer 2

The quickest fix looks to be this:

Change the font-size here from 14px to 13px

#slidertext h3 {
font-size: 13px;
// other styles
}

Works for me in Chrome.

Answer 3

Changing font-size and font-family is just a workaround. I had same issue. It works well in Firefox however not in Chrome. Check padding or margin of the input box. It was padding in my case. I changed padding:6px to padding:0px 6px; in my case.