How to resolve this css bug in Mac / Chrome & Safari

bug Found in Mac / Chrome & Safari

Bug:
Highlighting of text is aligned top in all fields. It should be aligned bottom.

please refer my attachment

My jsfiddle: