CODEWITHSUNDEEP
cssfirefoxcross-browser
fredley
fredley

Reputation: 33891

Padding different in Firefox

In all the browsers I've tested, my button looks like this:

enter image description here

Except in Firefox where it looks like this:

enter image description here

I've posted the code as a jsfiddle, what am I doing wrong?

Upvotes: 3

Views: 719

Answers (1)

Brian
Brian

Reputation: 2829

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.

Upvotes: 4

Related Questions