small problems with ie filters

[pozmu]

I'm trying to use ie filters on the text, eg. :
<SPAN ID="glow" STYLE="position:absolute;filter:glow(color=#ff0000,strength=5)">TEXT</span>
But there is a problem with the text that is after </span> - it is displaying under the glowing text! Of course, I can add <br> - then is ok, but I want to be able to write next to the glowing text. The trick with defining filter width (eg. "width:100") is also bad - I want to use this effect on dynamically generated pages... please, help....

[isotope235]

Not real clear on what your poroblem is. Could you post some more code?

I suspect it has something to do with the position:absolute;. Your not specifying any position values.

[pozmu]

<SPAN ID="glow" STYLE="position:absolute;filter:glow(color=green,strength=5)">Glowing Text</span> BleBleBle

[isotope235]

"Filters can also be applied to the DIV and SPAN elements as well, but they must have an explicit height and width or have a 'position' property set to absolute."

More Info

Try something like this:

<p><SPAN ID="glow" STYLE="position:absolute; filter:glow(color=green,strength=5)">Glowing Text</span> <span style="padding-left:100px;">BleBleBle</span></p>

or:

<p><SPAN ID="glow" STYLE="height:10px; width:100px; filter:glow(color=green,strength=5)">Glowing Text</span> BleBleBle</p>

These methods both seem like hacks to me though. Depending on your desired result, you might also try using 2 div's combined with CSS-P for the glowing/non-glowing text.

Make Sense?

[isotope235]

Woops! Broke the page layout.

[pozmu]

thx for reply, but this is not this I will use it on dynamically generated page, so I can't specify any width .