HTML选择输入方法,在HTML中选择输入和文本输入-使宽度相等的最佳方法？

我有一个像这样的简单表格(仅用于说明目的)…

Name

Country

Australia

USA

我使用CSS的布局方法如下…

form {

width: 500px;

}

form .input-row {

display: block;

width: 100%;

height: auto;

clear: both;

overflow: hidden; /* stretch to contain floated children */

margin-bottom: 10px;

}

form .input-row label {

display: block;

float: left;

}

form .input-row input,

form .input-row select {

display: block;

width: 50%;

float: right;

padding: 2px;

}

所有这些都很好地对齐了，除了我的select元素(无论如何在Firefox中)并不总是与其他input元素相同。通常，它会缩小几个像素。

我尝试过将宽度更改为像素大小(例如200px)，但并没有改变。

使它们全部具有相同宽度的最佳方法是什么？我希望这不会再打我设置select的width单独，或将它们放入表…