Visual Filters not working in IE

After changing the doctype to full version

[milanmk]

After reading these threads (What's Your Doctype? [webmasterworld.com] and Choosing the best doctype for your site [webmasterworld.com]) I changed doctypes of all the pages from HTML 4.01 Transitional half version to full version. I happily removed many of the cross browser hacks and the site was looking almost the same in IE, Opera and Firefox.

Thank you very much SuzyUK and encyclo for giving such valuable insight regarding CSS support through doctypes.

Now the only thing that is not working right is Visual Filters in IE. If I add a static style then it is working perfectly fine but when I apply a dynamic style like in the following example then it will not work.

obj.innerHTML = "<span id='test' style='filter: blur(add=0,direction=90,strength="+BlurStrength+");'>"+BlurMsg+"<\/span>";

BlurStrength and BlurMsg are dynamically generated variables.

Is there anything I can do to make it work with the full version of doctype?

Milan

[milanmk]

Got it solved, finally.

The problem was IE's concept of hasLayout that I solved by adding "display: inline-block;".

obj.innerHTML = "<span id='test' style='display: inline-block; filter: blur(add=0,direction=90,strength="+BlurStrength+");'>"+BlurMsg+"<\/span>";

I hope this will help someone out there.

Milan