title: TD width more than designated
body: <p>I have a table as below </p>
  
  <pre><code>    &lt;table style="border-spacing: 10px; width:auto; table-layout: fixed" id="tblCustomerinput"&gt;
         &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td width="2px"&gt;
                     &lt;span class="error"&gt; *&lt;/span&gt;
                   &lt;/td&gt;
                   &lt;td style="width: auto;resize: horizontal;"&gt;
                      &lt;span&gt;Required Field&lt;/span&gt;
                   &lt;/td&gt;
                   &lt;td&gt;
                       &lt;span id="cvEventsValidator" class="error" style="display:none;"&gt;Please complete the required fields below.&lt;/span&gt;
                        &lt;span id="reqFieldValidator" class="error" style="color:Red;display:none;"&gt;Please complete the required fields below.&lt;/span&gt;
  &lt;br&gt;
  
                  &lt;/td&gt;
               &lt;/tr&gt;
               &lt;tr&gt;
                  &lt;td width="2px"&gt;
  
                  &lt;/td&gt;
                  &lt;td width="130px"&gt;
                    &lt;b&gt; &lt;span id="lblCustNumber"&gt;Customer Number:&lt;/span&gt;&lt;/b&gt;  
                   &lt;/td&gt;
                   &lt;td&gt;
                      &lt;input name="txtCustNumber" type="text" maxlength="50" id="txtCustNumber"&gt; 
                   &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                     &lt;td width="2px"&gt;&lt;span class="error"&gt;*&lt;/span&gt;
                     &lt;/td&gt;
                     &lt;td width="130px"&gt;
                        &lt;b&gt; &lt;span id="lblFirstName"&gt;First Name:&lt;/span&gt;  &lt;/b&gt;
                     &lt;/td&gt;
                     &lt;td&gt;
                         &lt;input name="txtFirstName" type="text" maxlength="50" id="txtFirstName" class="requiredfield"&gt;
                     &lt;/td&gt;
                   &lt;/tr&gt;
                   &lt;tr&gt;
                      &lt;td width="2px"&gt;&lt;span class="error"&gt;*&lt;/span&gt;
                      &lt;/td&gt;
                      &lt;td width="130px"&gt;
                                          &lt;b&gt; &lt;span id="lblLastName"&gt;Last Name:&lt;/span&gt;&lt;/b&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;input name="txtLastName" type="text" maxlength="50" id="txtLastName" class="requiredfield"&gt;
                      &lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                      &lt;td width="2px"&gt;
  
                      &lt;/td&gt;
                    &lt;td width="130px"&gt;
                      &lt;b&gt; &lt;span id="lblCompanyName"&gt;Company Name:&lt;/span&gt;&lt;/b&gt;
                    &lt;/td&gt;
                    &lt;td&gt;
                       &lt;input name="txtCompanyName" type="text" maxlength="50" id="txtCompanyName"&gt;
                    &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                     &lt;td width="2px" span="" class="error"&gt;*
                     &lt;/td&gt;
                     &lt;td width="130px"&gt;
                                         &lt;b&gt;  &lt;span id="lblPhoneNumber"&gt;Phone Number:&lt;/span&gt;&lt;/b&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                         &lt;input name="txtPhoneNumber" type="text" maxlength="50" id="txtPhoneNumber" class="requiredfield"&gt;
                      &lt;/td&gt;
                     &lt;/tr&gt;
                     &lt;tr&gt;
                        &lt;td width="2px"&gt;&lt;span class="error"&gt;*&lt;/span&gt;
                        &lt;/td&gt;
                        &lt;td width="130px"&gt;&lt;b&gt;
                           &lt;span id="lblEmail"&gt;E-mail Address:&lt;/span&gt;&lt;/b&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                             &lt;input name="txtEmail" type="text" maxlength="50" id="txtEmail" class="requiredfield"&gt;
                        &lt;/td&gt;
                       &lt;/tr&gt;
                       &lt;tr&gt;
                        &lt;td width="2px"&gt;
  
                        &lt;/td&gt;
                        &lt;td width="130px"&gt;
                            &lt;b&gt; &lt;span id="lblDynamicField" maxlength="50"&gt;&lt;/span&gt;&lt;/b&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;input name="txtDynamicField" type="text" maxlength="50" id="txtDynamicField"&gt;
                        &lt;/td&gt;
                      &lt;/tr&gt;                                              
                      &lt;tr&gt;
                         &lt;td colspan="2"&gt;&lt;span id="Label1"&gt;Comments:&lt;/span&gt; &amp;nbsp;
                                       &lt;br&gt;
  
                            &lt;textarea name="txtComment" rows="5" cols="20" id="txtComment" class="feedback_comment" onkeypress="return this.value.length &amp;lt;=1500" onkeydown="limitText(this,1500);" onkeyup="limitText(this,1500);" style="width:360px;" clicks="0" onfocus="clearContents(this);"&gt;Please describe the problem you found...&lt;/textarea&gt;&lt;/td&gt;
                       &lt;/tr&gt;
                   &lt;/tbody&gt;
           &lt;/table&gt;
  </code></pre>
  
  <p>The width of the second  always comes out as 347px for reasons I cant quite comprehend(!!??)
  I set a fixed width for the td as 130 px.
  Could anyone help me with this please? I had been scratching my head till it aches for this :)
  Basically I need to line up the Labels closer to the Textboxes.</p>
  
  <p>As always thanks a ton for your help in advance.</p>
  
  <p>Thanks</p>