Иконка перед ссылкой
на сайте HTML & CSS

Задача такова:

Создать ссылку с FLAVICON.ico перед нею, таким образом , чтобы при наличии иконки на сайте отображалась иконка сайта. А при её отсутствии своя.

Использовать при этом тег IMG неудобно, так как при недоступности иконки IE нарисует некрасивый пустой квадратик, а остальные вообще ничего.

Пример IMG

1.есть картинка

- <img src="http://picklik.ru/favicon.ico" >

2.нет картинка

- <img src="#" > некрасиво

Листинг CSS + HTML.

CSS

#links {
  background: url(../../../temp/faviconNo.png) no-repeat 0px 0px ;
  background-position:center ;
  display: block ; float: left ;
  width: 16px ; height: 16px ;
  padding: 0px 0px}

#links img {
  background: #fff}

HTML

<div
style="background-image:url(http://seasonvar.ru//favicon.ico)"
id="links">
</div>

<a href="http://seasonvar.ru/" target="_blank"> -сериалы </a>

P.S. иконки бывают и 48x48 px.
background-position:center - решает эту проблему для IE.
демо