title: Background img shows up in Chrome but not in Safari
body: <p>I have a search input </p>
  
  <pre><code>&lt;input class="searchico" type="search" results="5" id="search" placeholder="" autosave="bfyudsaibduisbvy1213"&gt;
  </code></pre>
  
  <p>For the class searchico my css is as follows:</p>
  
  <pre><code>.searchico
  {
      font-weight: 200;
      width:10px;
      position:relative;
      padding-right: 10px;
      background: white url('images/searchico.png') right no-repeat;
  }
  </code></pre>
  
  <p>In chrome it works perfectly but in Safari it's just a blank white search bar...</p>
  
  <p><img src="https://i.stack.imgur.com/xYFDZ.png" alt="Chrome image where it&#39;s a search icon and if you click on it, it expands into a search bar with the icon on the right side"></p>
  
  <p><img src="https://i.stack.imgur.com/nK1WE.png" alt="This is what happens in Safari... just an ugly blank search bar"></p>
  
  <p>I want it to look just like the Apple website's search ico (transition into search bar when clicked). How can I achieve this in Safari if using css background image doesn't work?</p>