Выравнивание ширины DropdownList и TextBox в таблице

Question

У меня есть таблица с 1 столбцом. В этом столбце есть либо строки с текстовым полем, либо с выпадающим списком. Теперь я хочу, чтобы эти элементы управления имели одинаковую ширину. Поэтому я устанавливаю ширину элементов управления на 100%. Однако результат состоит в том, что выпадающие списки похожи на 5-10px короче, чем текстовые поля. Я попытался настройки:

Width="100%" 

, а также:

style="width: 100%" 

Но нет успеха там. В дизайнере Visual Studio ширина правильная для всех элементов управления. Но в Firefox, Chrome или даже IE, dropdownlists короче.

Предложения пожалуйста :)

Answer 1

Я видел эту работу с помощью box-sizing:

input, select, textarea { 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
} 

JS Fiddle Demo