Пикселизация обычно происходит в IE6 и IE7 только так, как это было исправлено в IE8:
Ошибка 101
Хитрость заключается в применении CSS к кнопке ...
/* Apply CSS class "button" to your input buttons */
.button{
width:auto; /* fix stretching in IE for 16-20 char buttons */
overflow:visible; /* fix stretching in IE for 16-20 char buttons */
padding-left:4px; /* force sensible padding in IE */
padding-right:4px; /* force sensible padding in IE */
}
Это не решает все, но, безусловно, минимизирует эффект.
На следующем снимке экрана показано, что все кнопки (с примененными стилями) имеют "респектабельный" отступ (например, он не растет дико). Также обратите внимание, что в какой-то момент кнопки по-прежнему не работают и пикселизируются ... но вы можете сжать еще несколько символов, прежде чем они потерпят неудачу. (до 25 символов против 19 ... зависит от семейства и размера шрифта)
Частичное исправление IE растяжение кнопки http://img523.imageshack.us/img523/3990/iebuttons.png