title: Input area displaying different in IE vs Chrome
body: <p>I have created a login area for my website using a table and standard CSS. My problem is IE is adding something in there which is making it render different to firefox and chrome. </p>
  
  <p>I'm wanting the input[type=text"] to be a fixed width and display in the table as it does in chrome.</p>
  
  <p><img src="https://i.stack.imgur.com/SBScr.jpg" alt="The top image is IE, bottom is Chrome"></p>
  
  <p>The top image is IE, the bottom is Chrome. IE is not setting the fixed width and is adding some sort of padding in there.</p>
  
  <p>CSS:</p>
  
  <pre><code>html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p,
  blockquote, pre, a, abbr, acronym, address, big,
  cite, code, del, dfn, em, font, img,
  ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  center, u, b, i, marquee {margin: 0px;padding: 0px;/*border: 0px;*/outline: 0px;}
  body  {background: #F4F4F3 url(../images/bg.gif) repeat 0 0;font-size: .80em;font-family: ‘Lucida Grande’, ‘Lucida Sans’, ‘Lucida Sans Unicode’, Arial, sans-serif;margin: 0px;padding: 0px;color: #2B2818;}
  #ctl00_login td {max-height:28px;padding:0px;}
  #ctl00_login input[type="text"] {padding:0px; margin:0px;width:155px;}
  </code></pre>
  
  <p>.aspx file</p>
  
  <pre><code>                    &lt;div id="login" runat="server" visible="false"&gt;
                      &lt;table style="margin: 0 auto;" cellpadding="0" cellspacing="0" border="1"&gt;
                          &lt;tr&gt;
                              &lt;td valign="middle" width="64px"&gt;
                                  Username:
                              &lt;/td&gt;
                              &lt;td valign="middle"&gt;
                                  &lt;asp:TextBox ID="logUser" runat="server" CssClass="login-input"&gt;&lt;/asp:TextBox&gt;
                                  &lt;asp:RequiredFieldValidator ID="logUserRqd" ControlToValidate="logUser" runat="server"
                                      Text="&amp;nbsp;&lt;img src='images/err.png' alt='*' title='Please enter your username'&gt;"
                                      ErrorMessage="Please enter your username"&gt;&lt;/asp:RequiredFieldValidator&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td valign="middle" width="64px"&gt;
                                  Password:
                              &lt;/td&gt;
                              &lt;td valign="middle"&gt;
                                  &lt;asp:TextBox TextMode="Password" ID="logPwd" runat="server" CssClass="login-input"&gt;&lt;/asp:TextBox&gt;
                                  &lt;asp:RequiredFieldValidator ID="logPwdRqd" ControlToValidate="logPwd" runat="server"
                                      Text="&amp;nbsp;&lt;img src='images/err.png' alt='*' title='Please enter your password'&gt;"
                                      ErrorMessage="Please enter your password"&gt;&lt;/asp:RequiredFieldValidator&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td&gt;
                                  &lt;a class="fancybox fancybox.iframe" href="~/Account/Register.aspx"&gt;Register&lt;/a&gt;
                              &lt;/td&gt;
                              &lt;td align="right"&gt;
                                  &lt;asp:Button ID="loginBtn" runat="server" Text="Login" onclick="loginBtn_Click" class="button" Style="margin: 3px 25px 0 0;" /&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p><strong>EDIT</strong>
  I discovered the fixed width for the second one was because it was type="password" not text, so that is fixed. It's just the padding that is the issue now.</p>
  
  <p><strong>Update</strong>
  So not sure what happened. Didn't change any CSS or anything, but added JQuery 1.7.1 into my page and then did a ctrl+F5 on the page and it was suddenly fixed.</p>