ie 7 min-width and button bug

🕑 1 minute read

A bug for anyone needing ie7 compatible forms using a min-width on the buttons. This also affects ie8 running in compatibility mode.

input.submitbutton{ min-width: 100px;}

If you are using a min-width for your form submit buttons then sadly ie7 will align button text to the right of the button. It is un-fixable with just css and the only pure solution is to remove the min-width and either use width:auto; or use width:123px;

input.submitbutton{ width: 100px;}

If however you don’t mind using JavaScript you can try using the ie7-js which uses javascript to bring any ie browser less than ie8/ie9 to work as the latest one. You can read more about ie7-js on google code: a bonus this can also fix any transparent .png issues found in ie6!