title: css margin-top is not the same in Firefox and Chrome
body: <p>I have a div with this css styling as below:</p>
  
  <pre><code>//Search
  .input-append{
      text-align:right;
      margin-left:-35px;
      height:20px;
      margin-top:-15px!important;
      input[class*="span"]{
          margin:-2px 0 0 0;
          padding:4px;
      }
      button.btn{
      height:30px;
  
          margin-top:-2px!important;
              i.icon-search{
  
                  text-shadow:none;
              }
      }
  }
  </code></pre>
  
  <p>I dont know why it is not appearing in same position in both browser.
  In Chrome it appears the div a little bit above than Firefox, How can i make an if statement if it is a Chrome browser different margin-top or vice versa!</p>
  
  <p>Thanks </p>