¿Qué elementos admiten background? (IE6)

[turingpattern]

Buenas,
estoy desarrollando una web y quería separar lo máximo posible el contenido y el diseño.
Para ello, en un menú horizontal que tengo, hago esto:

Código XHTML

Código PHP:

  <ul> 
     <li id="imagen_guia"></li> 
        <li><a href="localizacion.xhtml">C&oacute;mo llegar</a></li> 
</ul>  
   

Regla CSS

Código PHP:

  li[id="imagen_guia"] {background:url(../images/esquiador.png) center no-repeat;width:100px;height:56px}  
   

Todo bien en Firefox. Pero en Internet Explorer 6 eso no me vale; tengo que cambiar el HTML y poner:

Código PHP:

  <ul> 
     <li><img src="images/ie6/esquiador.gif" width="100" height="56" alt="Esquiador" /></li> 
        <li><a href="localizacion.html">C&oacute;mo llegar</a></li> 
</ul>  
   

Creo que esto es debido a que Internet Explorer 6 sólo admite que se aplique background a algunos elementos.

¿Es cierto eso?
¿A qué elementos se le puede aplicar background y a cuales no?
¿Es buena idea hacer esta separación?

Muchas gracias