Return to Snippet

Revision: 12700
at March 28, 2009 17:12 by localhorst


Updated Code
<!--[if lt IE 8]> 
<style>
/* IE6 */
*html input.button{
  overflow: visible; /* remove padding from left/right */
  width:0;  /*remove the remaining space in IE6*/
}

/* IE7 */
*:first-child+html input.button{
  overflow: visible; /* remove padding from left/right */
  width:auto !important;
}
</style>
<![endif]-->

<input class="button" type="submit" value="IE567 sux" />

Revision: 12699
at March 25, 2009 08:56 by localhorst


Initial Code
<!--[if lt IE 8]> 
<style>
input.button{
  overflow: visible; /* remove padding from left/right */
  width:auto; /* remove the remaining whitespace in IE7 */
  _width:0;  /*remove the remaining space in IE6*/
}
</style>
<![endif]-->

<input class="button" type="submit" value="IE567 sux" />

Initial URL


Initial Description
To remove that ugly added padding from submit buttons try this
width:auto !important; seems to work for IE7

Initial Title
IE  fix for ugly padding on left and right of submit buttons

Initial Tags
ie, button, ie6

Initial Language
CSS