Add vertical-align: top
to textarea
.
The reason for the gap is that textarea
is an inline
(or inline-block
) element, and the gap is the space reserved for descenders in text. I don’t know exactly why the gap is different between different browsers.