:before :after en IE

[juanchilo]

Alguien sabe como puedo hacer para lograr que me funcione el :after y :before en IE 6? porque no logro visualizar la imagen que pongo antes o despues de un texto (la gracia esta en traerlo de css todito he!!)
gracias

aca el codigo:

css:

Código HTML:

p { 
font (size+style+ todo lo que se quiera)
}

/* aca esta el tema, me funciona bien en todo menos en IE :( */

p.home:before {
content:url(icos/imagen.gif)
}

html:

Código HTML:

<p class="home"> Inicio </p> 

si no hay forma de lograrlo de esta manera en IE especialmenbte en 6 (los otros no probe) que solucion le dariamos ? se me ocurren algunas pero quiero antes que me ayuden a ver cual puede ser la mejor; y si esta funciona de alguna manera, joya!!
salu2

[posavasos]

¿y no te sirve algo así?

p.home {
padding-left:20px;
background:url(icos/imagen.gif) left no-repeat;
}

:before y :after no se llevan nada bien con IE, pero supongo que podrías añadirle la funcionalidad con Javascript.

[juanchilo]

gracias, la verdad muy bueno tu aporte. lo resolvi parecido
saludos

[r2am]

Tengo tu mismo problema, y no puedo utilizar background, porque lo utilizo para otra poner otra imagen. ¿Como lo has resuelto?. Es decir, que sucedaneo de content hay para IE.

Muchas gracias

[kemie]

no lo hay, pero podrias usar algo como:
<div class="X"><p class="y">...</p></div>

y darle una imagen de fondo a .x y otra a .y