Кто-нибудь знает, почему это происходит?
<input type="text" name="number" size="12" value="(555)555-5555"> <input type="text" name="ext" maxlength="20" size="1">
Ничего особенного в CSS.
Посмотрите в размер коробки. Различные типы полей отображаются в разных размерах. Установка для них box-sizing: border-box; и определение значения ширины в вашем CSS должно дать вам одинаковую ширину.
