Question

I am using GWT 2.3 to create a web application. In the web page, I have a button for the submission. I haven’t created any css properties for this button. In Google Chrome and Firefox, the size of the button is just the size of the text of the button. However, in IE8, the size is bigger, with some spaces before and after the text of the button. Does any body know how should I do? Since I need to support the internationalization, the texts of the button for different locales are different.

I have tried width:auto; for the button, but it doesn’t work.

Thanks in advance!!

Answer 1

Ah, this is an oldie but goodie.

Basically, IE sucks at rendering buttons and you have to add this CSS to fix it:

.my_button {
   /* optional */
   padding:0 .25em 0 .25em;
   /* These two are required */
   width:auto;
   overflow:visible;
}

See the link above for more information.