IE下按钮(button)根据内容自动调整宽度

在项目中，需要按钮根据内容自动调整宽度，同事通过CSS实现后，发现在FF，Safari下是OK的，居然在IE7下不行。按钮字体两边总会有空地方。


通过网上查找资料后，原来是因为FF和IE下对input按钮设置padding大小不一，有差别，解决方法也很简单，在IE的下对按钮的样式控制加上overflow 属性，并设为visible就OK了（见图二）。