Only half of big text field is visible in chrome

I have a text field with big letters. It looks fine in FF, it’s a bit cut in IE, but in chrome only the half of the letters is visible.
I use following css for the field:

.v-textfield-grid_number { text-align:center; height: 2.2pc; color: green !important; font-weight: 900; font-size: 300%; line-height: 1; letter-spacing: 5px; font-family: Courier, monospace; border: medium none; border-radius: 0px; background: transparent none repeat scroll 0% 0%; box-shadow: none; color: inherit; } How can I fix the problem?

I forgot to attach screenshots to original post, so they are here.