In all the browsers I’ve tested, my button looks like this:
Except in Firefox where it looks like this:
I’ve posted the code as a jsfiddle, what am I doing wrong?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
In all the browsers I’ve tested, my button looks like this:
Except in Firefox where it looks like this:
I’ve posted the code as a jsfiddle, what am I doing wrong?
On a normal site, you should always include a reset to get rid of these small inconsistencies between browsers. Here’s a simple one: http://meyerweb.com/eric/tools/css/reset/
(Edit: Ok, you use normalize, that could also work)
However, in your case I would also suggest instead of using padding on the top and bottom, remove them and your height and instead use line-height! This will keep your text nicely centered everywhere.