Placeholder text is not vertically centered in Safari

Question

Do you have any idea on how to get the placeholder attribute to vertically center in safari? Though when you start typing, the text is perfectly centred.

Answer 1

Had this bug too. Setting line-height in ems fixed this for me. It looks the same in Chrome, Safari(desktop and iOS) and Firefox. and I added a \9 trick to get vertical centering in IE. here's my css

height: 36px;       
line-height: 1.2em;
line-height: 26px\9; /*for IE */