Question

In Chrome, and possibly other browsers, when you first visit my site, you’ll notice that the blinking cursor in the text field (actually an editable DIV) extends several pixels below the bottom of the field. Here is a screenshot of it.

The weird thing is that the moment you start typing the problem goes away.

Does anyone have any idea why this is happening?

Answer 1

Better solution will be:

Currently you have:

div.question.editing {
    width: 95%;
}

Make it block

div.question.editing {
    width: 95%;
    display: block;
}