Differences in padding on browsers

I tried to ign开发者_JS百科ore it initally, but its gotten up to a point where its fairly annoying. I have quite a few forms in my webiste and im applying a css padding of 3px for the submit buttons. They all look fine on Firefox, but none of these styling are applying to my safari browser. Any ideas on how to apply padding for the submit button in safari? Thanks

In general, using a "CSS reset" will do wonders for the consistency of your web style no matter which browsers you're interested in. I have used the Yahoo YUI CSS reset in the past, but there are many others which will also do more or less the same thing. Your paragraphs, font sizes, paddings, margins, and much much more will work much more consistently with a CSS reset.

So what is it? It's a stylesheet that sets most or all of the styles in your document to nil - it makes the document completely vanilla, but more importantly, consistently vanilla. Then, all the styles you add afterwards are clean and consistent. Try it, it's a huge time and effort saver for getting things consistent across browsers.