css - Text Input and Image Firefox Alignment Issue -


I'm pulling my hair about this one.

I have an image at the end of a text input that is styled with the background image, here is the CSS: .text_input {background: url (../images/forms/text_input_back PNG) No top left-repeat; Width: 479px; Border style: none; Font-size: 18px; Color: #cacaca; Padded-top: 12px; Padding-bottom: 12px; Padding-left: 15px; }

In all browsers except Firefox, the alignment is fine. The image 1px at the end of the text input in Firefox is very low.

Any help here will be appreciated,

thanks

< P> Remove padding-top and padding: bottom to .text_input and height: 45px; instead of


Comments