title: css padding issue in chrome (but not in firefox)
body: <p>I've got a weird issue with my searchbar padding in chrome.</p>
  
  <p>The css:</p>
  
  <pre><code>#searchbar {
      height: 15px;
      width: 135px;
      background: url("../img/search.png") no-repeat scroll 6px 6px rgba(0, 0, 0, 0);
      color: #ff8000;
      font-size: 0.9em;
      border: 1px dotted #ff8000;
      padding: 7px 9px 7px 32px;
      margin: 10px 0;
  }
  </code></pre>
  
  <p>In firefox it works as intended but chrome displays the searchbar without applying the padding:</p>
  
  <p><img src="https://i.stack.imgur.com/fZoKr.png" alt="padding in firefox and chrome"></p>
  
  <p>Any ideas what I could change here?</p>
  
  <p><strong>EDIT</strong>: I could get it to work with removing the padding and increasing the width of the searchbar. However, there still is an issue with different widths between chrome and firefox.</p>