button styling in IE

css, html, internet-explorer

Solution

Here is a fix that works for me:

<!--[if IE]>
<style type="text/css">

input { 
  overflow: visible;
  padding-left:2px;
  padding-right:2px;
}

</style>
<![endif]-->

Problem

I noticed that IE sometimes has very large padding around button text. It seems to be proportional to the amount of text the button has. This makes for very ugly buttons. I am hesitant to make buttons with fixed width because of internationalization issues. Same goes for percent widths. How has people dealt with this short of styling DIVs like buttons?

Original source