My button looks normal in firefox but in chrome (and safari) it looks thin.
Any suggestions would be great.

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.
HTML/CSS only tells the browser what it needs to display in a certain place on the page. It is up to the browsers to display an appropriate graphic in the correct location. What that graphic is like is down to the specific browser implementation for default widgets.
If you need it to look the same cross browser and cross operating system then you need to consider using css/images to create custom buttons etc, which essentially override the default browser implementations.
You can set a
heightcss property to make sure both buttons are the same height, and set an appropriatewidthtoo. Be careful with font sizes though that the size of the button doesn’t end up too small that your text is no longer visible on the button.