title: Use favicon *.ico in css background
body: <p>I am building a chrome extension that uses a searchable listbox to conduct common commands. The windows open tabs will also appear in this listbox, and the <code>Tab</code> object comes with a favIconUrl that will sometimes contain *.png, or *.ico references, etc.</p>
  
  <p>I would like to style my list items with the *.ico, but it looks like css is not going to respect icons. I was thinking there might be a service that would dynamically convert the icon to a png or something useful with css.</p>
  
  <p>Then I could use <code>background-image: url(http://ico2png.com/convert?ico=&lt;favIconUrl&gt;);</code></p>
  
  <p>Is there any such animal out there, or an alternative method?</p>
  
  <p>EDIT:</p>
  
  <p>My bad, it looks like this does work, in Chrome.</p>
  
  <pre><code>&lt;img src="https://www.google.com/favicon.ico"&gt;
  &lt;div style="height:32px;width:32px;background-image:url(https://www.google.com/favicon.ico);"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I thought it might be that the ico was really a png, but I guess not. I will leave the question open for other browsers, since I do not have the time to investigate.</p>