I have a problem with a submit button. The "Submit" text is not in the middle in firefox. It shows fine in google chrome. I set the text-align property to center but the text is not in the "middle" of the button. There's equal space - left & right but not top & bottom. I have no idea how to fix that. setting vertical-align does not work :S any ideas? this is the css for the button: div#form input#clearAll {width: 150px; height: 25px; background:url(../images/tlo_button.png); color:#FFF; font-weight: bold; border: none; font-size: 12px; text-align: center; margin-left: 20px;} Code (markup): I have attached a pic, the button on the left is from firefox, button on the right is from google chrome, I need the button text in firefox to align exactly like in chrome