ie 7 min-width and button bug

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: http://code.google.com/p/ie7-js/As a bonus this can also fix any transparent png issues found in ie6!

Published on

Filled under

Discuss!

comments powered by Disqus