title: Why the input and the select do not get the same width?
body: <p>I have a table with two rows. The first row contains an <code>input</code> and the second row contains a <code>select</code>. Even though I have set their widths to be 100%, the select box is a few pixels smaller than the input. Any ideas why is this so and how can I set their widths to be equal to each other and as big as possible (e.g. %100) in a way that works across all (A-grade) browsers?</p>
  
  <pre><code>&lt;table width="100%" style="margin-top: 5px;"&gt;
  &lt;tr&gt;
      &lt;td width="35"&gt;&lt;label for="desc"&gt;Description&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;input type="text" style="width: 100%;" name="desc" id="desc" /&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td width="35"&gt;&lt;label for="group"&gt;Group&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;select id="group" name="group" style="width: 100%; line-height: 17px;"&gt;            
              &lt;option value="val"&gt;name&lt;/option&gt;            
          &lt;/select&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>