CSS Text box on Firefox - Text not aligning

Hello, I can't seem to get text in these textboxes on FF for windows to line up in the vertical center of the box... Seems fine in all other browsers.

Am I missing something simple?
.input_box1 {
	width: 250px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height:25px;
	vertical-align:middle;
	border: 1px solid #B8BF90;
	margin: 0px;
	padding:0px;
}

Open in new window

pic.jpg
craig32768Asked:
Who is Participating?
 
osiris00Connect With a Mentor Commented:
Vertical align is meant for aligning images. use margin/padding to align text
0
 
Shinesh PremrajanConnect With a Mentor Engineering ManagerCommented:

add this style to the existing style

padding-top:10px;


Hope this helps
0
 
craig32768Author Commented:
I removed the line-height and height attributes and just used a padding of 5px in stead and that following your suggestions and that worked in all browsers - thanks.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.