Jak uzyskać równą szerokość danych wejściowych i wybrać pola

W formularzu mam jedno pole wyboru i dwa pola wejściowe. Te elementy są wyrównane w pionie. Niestety nie mogę uzyskać jednakowej szerokości tych elementów.

Oto mój kod:

<select name="name1" style="width:198px">
  <option>value1</option>
  <option>value2</option>
</select><br/>
<input type="text" name="id1" style="width:193px"><br/>
<input type="text" name="id2" style="width:193px">

Dla powyższego przykładu najlepsza szerokość wybranego elementu to 198 lub 199 px (oczywiście próbowałem 193px, ale różnica jest duża). Myślę, że zależy to od rozdzielczości, na różnych komputerach i przeglądarkach, ponieważ te elementy nie mają równych szerokości (czasami wydaje mi się, że różnica wynosi około 1 lub 2 piksele). Próbowałem ustawić te elementy w wierszach div lub tabeli, ale to nie pomaga.

P: Jak mogę uzyskać dokładnie taką samą szerokość tych elementów?

Zaktualizowana odpowiedź

Oto jak zmienić model pola używany przez elementy input / textarea / select, aby wszystkie zachowywały się w ten sam sposób. Musisz użyć box-sizingwłaściwości, która jest zaimplementowana z prefiksem dla każdej przeglądarki

-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;

Oznacza to, że wspomniana wcześniej różnica 2px nie istnieje.

przykład pod adresem http://www.jsfiddle.net/gaby/WaxTS/5/

uwaga: w IE działa od wersji 8 i nowszych.

Oryginalny

jeśli zresetować swoje granice wtedy selectelementem będzie zawsze mniej niż 2 pikseli z inputelementami ..

przykład: http://www.jsfiddle.net/gaby/WaxTS/2/

Wypróbowałem odpowiedź Gaby (+1) powyżej, ale to tylko częściowo rozwiązało mój problem. Zamiast tego użyłem następującego CSS, w którym content-box został zmieniony na border-box:

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

Dodaj ten kod w css:

 select, input[type="text"]{
      width:100%;
      box-sizing:border-box;
    }

utwórz kolejną klasę i powiększ rozmiar o przykład 2px

.enquiry_fld_normal{
width:278px !important; 
}

.enquiry_fld_normal_select{
width:280px !important; 
 }