title: How to design textbox (<input>) in firefox and chrome look same?
body: <p>below is my html</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;style&gt;
  input {
      width: 100px;
      display: block;
      height: 10px;
      padding: 0 0 0 0px;
  }
  &lt;/style&gt;
  &lt;input name="page_search" placeholder="Quick search..." type="text"&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>in firefox look like below</p>
  
  <p><img src="https://i.stack.imgur.com/4Zm45.jpg" alt="firefox"></p>
  
  <p>in chrome its like below</p>
  
  <p><img src="https://i.stack.imgur.com/VFj4Y.jpg" alt="chrome"></p>
  
  <p>but the input (i think its '<code>padding</code>') is look different in firefox and cromo why?</p>